:root{--mobot-green:#3eb073;--mobot-green-deep:#2c8e5a;--mobot-green-soft:#5bc78d;--mobot-yellow:#fdcf2a;--mobot-blue:#3b69b1;--mobot-red:#e83c35;--mobot-purple:#76388d;--bg:var(--mobot-green);--bg-2:var(--mobot-green-deep);--paper:#fbf6e9;--paper-2:#f5efdd;--ink:#14211a;--on-bg:#fff;--on-bg-soft:#ffffffc7;--on-bg-mute:#ffffff8c;--line-on-bg:#ffffff29;--font-display:"Krub", "Baloo 2", system-ui, sans-serif;--font-chunky:"Baloo 2", "Krub", system-ui, sans-serif;--font-body:"Barlow", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--r-sm:10px;--r-md:18px;--r-lg:28px;--r-xl:40px;--r-pill:999px}body[data-theme=cream]{--bg:var(--paper);--bg-2:var(--paper-2);--on-bg:var(--ink);--on-bg-soft:#14211ab3;--on-bg-mute:#14211a80;--line-on-bg:#14211a1f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--on-bg);-webkit-font-smoothing:antialiased;transition:background .5s;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}.wrap{width:min(1280px,92vw);margin:0 auto}.section{padding:clamp(72px,9vw,140px) 0;position:relative}.eyebrow{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--on-bg-soft);align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.eyebrow .dot{background:var(--mobot-yellow);border-radius:999px;width:8px;height:8px}.chunky{font-family:var(--font-chunky);letter-spacing:-.02em;color:var(--on-bg);text-shadow:0 2px #00000014,0 6px 20px #0000002e;text-wrap:balance;font-weight:800;line-height:.92}.h1.chunky{font-size:clamp(40px,5.5vw,72px)}.h2.chunky{font-size:clamp(44px,6vw,88px)}.h1{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(54px,8vw,124px);font-weight:700;line-height:.95}.h2{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(40px,5.4vw,76px);font-weight:700;line-height:1}.h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:clamp(24px,2.2vw,32px);font-weight:700;line-height:1.1}.lede{font-family:var(--font-body);color:var(--on-bg-soft);max-width:56ch;margin:0;font-size:clamp(17px,1.4vw,21px);line-height:1.5}.btn{border-radius:var(--r-pill);font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;border:0;align-items:center;gap:10px;padding:16px 28px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn-primary{background:var(--mobot-yellow);color:var(--ink);box-shadow:0 4px #00000026}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px #0000002e,0 12px 30px -10px #0000004d}.btn-ghost{border:1.5px solid var(--on-bg);color:var(--on-bg);background:0 0}.btn-ghost:hover{background:var(--on-bg);color:var(--bg)}.btn-dark{background:var(--ink);color:var(--paper)}.btn .arrow{transition:transform .2s}.btn:hover .arrow{transform:translate(4px)}.nav{z-index:50;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-on-bg);will-change:transform;padding:16px 0;transition:transform .32s;position:sticky;top:0}.nav.nav--hidden{transform:translateY(-100%)}@media (prefers-reduced-motion:reduce){.nav{transition:none}}.nav-inner{justify-content:space-between;align-items:center;gap:24px;display:flex}.nav-logo img{width:auto;height:38px;display:block}.nav-links{align-items:center;gap:32px;font-size:14px;font-weight:600;display:flex}.nav-links a{padding:4px 0;position:relative}.nav-links a:hover{color:var(--mobot-yellow)}.nav-right{align-items:center;gap:12px;display:flex}.lang-switch{border-radius:var(--r-pill);letter-spacing:.04em;background:#ffffff24;gap:2px;padding:4px;font-size:12px;font-weight:700;display:flex}body[data-theme=cream] .lang-switch{background:#0000000f}.lang-switch a{border-radius:var(--r-pill);cursor:pointer;color:var(--on-bg-soft);background:0 0;border:0;align-items:center;padding:6px 12px;display:inline-flex}.lang-switch a.active{background:var(--mobot-yellow);color:var(--ink)}.cart-btn{background:var(--mobot-yellow);color:var(--ink);border-radius:var(--r-pill);align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;display:inline-flex}.cart-btn:hover{transform:translateY(-1px)}.account-btn{border-radius:var(--r-pill);color:var(--on-bg);background:#ffffff24;align-items:center;gap:7px;max-width:10rem;padding:9px 14px;font-size:13px;font-weight:700;display:inline-flex}body[data-theme=cream] .account-btn{background:#0000000f}.account-btn:hover{background:#ffffff3d}body[data-theme=cream] .account-btn:hover{background:#0000001a}.account-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero{padding:clamp(24px,4vw,56px) 0 clamp(40px,8vw,100px);position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.25fr 1fr;align-items:center;gap:40px;display:grid}.hero-slogan{border-radius:var(--r-pill);font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--on-bg);background:#ffffff26;align-items:center;gap:10px;margin-bottom:28px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}body[data-theme=cream] .hero-slogan{background:#00000014}.hero-slogan .live{background:var(--mobot-yellow);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.6)}}.hero-headline .accent-y{color:var(--mobot-yellow)}.hero-headline .accent-r{color:var(--mobot-red)}.hero-headline .lede{margin-top:28px}.hero-cta{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.hero-visual{aspect-ratio:4/5;width:100%;position:relative}.hero-stats{border-top:1px solid var(--line-on-bg);grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;padding-top:28px;display:grid}.stat .num{font-family:var(--font-chunky);letter-spacing:-.02em;color:var(--on-bg);font-size:clamp(36px,4.2vw,56px);font-weight:800;line-height:1}.stat .num .plus{color:var(--mobot-yellow)}.stat .lbl{color:var(--on-bg-soft);letter-spacing:.04em;text-transform:uppercase;margin-top:8px;font-size:13px;font-weight:500}.hero-circles{position:absolute;inset:0}.hero-circle{border-radius:50%;position:absolute}@media (prefers-reduced-motion:no-preference){.hero-circle{animation:.9s cubic-bezier(.34,1.56,.64,1) both circlePop,6s ease-in-out 1.2s infinite float}}@keyframes circlePop{0%{transform:translateY(-40px)scale(.6)}60%{transform:translateY(6px)scale(1.05)}to{transform:translateY(0)scale(1)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(2deg)}}.hero-box{border-radius:var(--r-lg);background:#fff;position:absolute;inset:8% 5%;overflow:hidden;box-shadow:0 30px 60px -20px #0006}@media (prefers-reduced-motion:no-preference){.hero-box{animation:.8s cubic-bezier(.34,1.56,.64,1) .6s both boxIn}}@keyframes boxIn{0%{transform:translateY(40px)rotate(-2deg)scale(.94)}to{transform:translateY(0)rotate(0)scale(1)}}.hero-box img{object-fit:cover;width:100%;height:100%;display:block}.slogan-bar{background:var(--mobot-yellow);color:var(--ink);padding:22px 0;position:relative;overflow:hidden}.slogan-bar.dark{background:var(--ink);color:var(--paper)}.slogan-track{white-space:nowrap;font-family:var(--font-chunky);letter-spacing:-.01em;gap:36px;font-size:clamp(26px,3.5vw,44px);font-weight:800;animation:32s linear infinite marquee;display:inline-flex}.slogan-track .dot{background:currentColor;border-radius:50%;align-self:center;width:14px;height:14px}@keyframes marquee{to{transform:translate(-50%)}}.gamme-head{grid-template-columns:1.2fr 1fr;align-items:end;gap:40px;margin-bottom:56px;display:grid}.gamme-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.product-card{border-radius:var(--r-lg);cursor:pointer;isolation:isolate;min-height:520px;color:var(--paper);flex-direction:column;padding:22px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.product-card:hover{transform:translateY(-8px);box-shadow:0 24px 50px -20px #00000059}.product-card.theme-green{background:var(--mobot-green-deep)}.product-card.theme-blue{background:var(--mobot-blue)}.product-card.theme-purple{background:var(--mobot-purple)}.product-card .badges{justify-content:space-between;align-items:flex-start;display:flex}.product-card .age-badge{background:var(--mobot-yellow);color:var(--ink);border-radius:var(--r-sm);font-family:var(--font-chunky);align-items:center;gap:4px;padding:6px 12px;font-size:14px;font-weight:800;display:inline-flex}.product-card .age-badge .small{text-transform:uppercase;letter-spacing:.08em;font-size:9px;line-height:1}.product-card .projects-badge{color:#fff;border-radius:var(--r-sm);font-family:var(--font-chunky);letter-spacing:.02em;background:#ffffff2e;padding:6px 12px;font-size:14px;font-weight:800}.product-card .product-image{border-radius:var(--r-md);background:#fff;flex:1;min-height:220px;margin-top:16px;position:relative;overflow:hidden}.product-card .product-image img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.product-card .product-foot{margin-top:18px}.product-card .product-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:#ffffffb3;font-size:11px}.product-card .product-name{font-family:var(--font-chunky);letter-spacing:-.01em;color:#fff;text-shadow:0 2px #0000001f;margin-top:4px;font-size:32px;font-weight:800;line-height:.95}.product-card .product-slogan{font-family:var(--font-chunky);letter-spacing:.04em;text-transform:uppercase;color:var(--mobot-yellow);margin-top:8px;font-size:14px;font-weight:700}.product-card .product-desc{color:#fffc;margin-top:10px;font-size:14px;line-height:1.45}.product-card .product-cta-row{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.product-card .price{font-family:var(--font-chunky);color:#fff;font-size:22px;font-weight:800}.product-card .price small{font-family:var(--font-body);opacity:.7;margin-left:4px;font-size:12px;font-weight:600}.product-card .cta-pill{color:var(--ink);border-radius:var(--r-pill);background:#fff;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;transition:gap .2s;display:inline-flex}.product-card:hover .cta-pill{gap:12px}.product-card .sphere{z-index:0;pointer-events:none;border-radius:50%;position:absolute}.product-card .product-image .sphere{z-index:2}.platform{background:var(--ink);color:var(--paper);border-radius:var(--r-xl);position:relative;overflow:hidden}.platform-grid{grid-template-columns:1fr 1fr;display:grid}.platform-card{padding:clamp(36px,5vw,64px);position:relative;overflow:hidden}.platform-card.app{background:linear-gradient(135deg,#1f3f2c 0%,#14211a 100%);border-right:1px solid #ffffff14}.platform-card.ide{background:linear-gradient(135deg,#2a1f3b 0%,#14211a 100%)}.platform-card .ico-wrap{border-radius:var(--r-md);background:#ffffff1a;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:22px;display:flex}.platform-card h3{font-family:var(--font-chunky);letter-spacing:-.02em;color:#fff;margin:0 0 14px;font-size:clamp(28px,3vw,40px);font-weight:800;line-height:1}.platform-card p{color:#fbf6e9b3;max-width:38ch;margin:0 0 28px;font-size:15px;line-height:1.5}.platform-card .feat-list{flex-direction:column;gap:10px;margin:24px 0 28px;padding:0;list-style:none;display:flex}.platform-card .feat-list li{color:#fbf6e9d9;align-items:center;gap:10px;font-size:14px;display:flex}.platform-card .check{background:var(--mobot-green);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.ide .check{background:var(--mobot-purple)}.platform-card .demo-screen{border-radius:var(--r-md);background:#ffffff0f;border:1px solid #ffffff1a;justify-content:center;align-items:center;margin-top:8px;padding:14px;display:flex}.platform-card .ide-shot{width:100%;max-width:160px;height:auto;display:block}.phone-mock{aspect-ratio:9/16;background:linear-gradient(#1a1a1a 0%,#0a0a0a 100%);border-radius:32px;width:220px;padding:12px;position:absolute;bottom:-20px;right:-40px;transform:rotate(8deg);box-shadow:0 30px 60px -20px #00000080}.phone-screen{background:linear-gradient(#2d6b47 0%,#1f4c32 100%);border-radius:22px;width:100%;height:100%;padding:18px 14px;position:relative;overflow:hidden}.phone-screen .joystick{background:radial-gradient(circle,#ffffff2e,#ffffff0f);border:1px solid #ffffff2e;border-radius:50%;width:100px;height:100px;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.phone-screen .joystick:after{content:"";background:var(--mobot-yellow);border-radius:50%;width:38px;height:38px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phone-screen .btn-row{flex-direction:column;gap:8px;display:flex;position:absolute;bottom:50px;right:16px}.phone-screen .pbtn{border-radius:50%;width:26px;height:26px}.audience-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;display:grid}.aud-card{border-radius:var(--r-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #ffffff1f;flex-direction:column;justify-content:space-between;min-height:280px;padding:32px;display:flex;position:relative;overflow:hidden}body[data-theme=cream] .aud-card{background:var(--paper-2);border-color:#0000000f}.aud-card .ico{width:56px;height:56px;font-family:var(--font-chunky);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:800;display:flex}.aud-card h3{color:var(--on-bg);margin-top:20px}.aud-card p{color:var(--on-bg-soft);margin:10px 0 0;font-size:14.5px;line-height:1.5}footer{background:var(--ink);color:var(--paper);padding:80px 0 32px;position:relative;overflow:hidden}.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;display:grid}.foot-col h4{font-family:var(--font-chunky);letter-spacing:.16em;text-transform:uppercase;color:var(--mobot-yellow);margin:0 0 18px;font-size:12px;font-weight:700}.foot-col ul{flex-direction:column;gap:10px;margin:0;padding:0;font-size:14.5px;list-style:none;display:flex}.foot-col a{color:#fbf6e9c7}.foot-col a:hover{color:var(--mobot-yellow)}.foot-bottom{color:#fbf6e98c;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:56px;padding-top:24px;font-size:13px;display:flex}.foot-bottom .made-flag{align-items:center;gap:8px;font-size:12px;display:inline-flex}.foot-flag{object-fit:cover;border-radius:2px;width:22px;height:14px;display:inline-block;box-shadow:0 0 0 1px #ffffff1f}.newsletter{gap:8px;margin-top:20px;display:flex}.newsletter input{border-radius:var(--r-pill);color:var(--paper);background:#ffffff0d;border:1px solid #ffffff26;flex:1;padding:12px 16px;font-family:inherit;font-size:14px}.newsletter input::placeholder{color:#fbf6e973}.newsletter input:focus{outline:2px solid var(--mobot-yellow);outline-offset:2px}.newsletter button{border-radius:var(--r-pill);background:var(--mobot-yellow);color:var(--ink);cursor:pointer;border:0;padding:12px 22px;font-weight:700}.serpentine-bg{pointer-events:none;z-index:0;position:absolute}.serpentine-bg path{stroke-linecap:round;fill:none}.serpentine-bg .anim{stroke-dasharray:6 14;animation:28s linear infinite dashmove}@keyframes dashmove{to{stroke-dashoffset:-240px}}@media (prefers-reduced-motion:no-preference){.fade-up{animation:.7s ease-out both slideUp}.fade-up.d1{animation-delay:.15s}.fade-up.d2{animation-delay:.3s}.fade-up.d3{animation-delay:.45s}.fade-up.d4{animation-delay:.6s}.fade-up.d5{animation-delay:.75s}}@keyframes slideUp{0%{transform:translateY(24px)}to{transform:translateY(0)}}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.hero,.section,footer{scroll-margin-top:72px}.nav-toggle{width:42px;height:42px;color:var(--on-bg);cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;padding:0;display:none}.nav-toggle:hover{background:#ffffff24}body[data-theme=cream] .nav-toggle:hover{background:#0000000f}.bars{flex-direction:column;justify-content:center;gap:5px;width:22px;display:flex}.bars i{transform-origin:50%;background:currentColor;border-radius:2px;width:100%;height:2.5px;transition:transform .28s,opacity .2s;display:block}.bars.open i:first-child{transform:translateY(7.5px)rotate(45deg)}.bars.open i:nth-child(2){opacity:0}.bars.open i:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.mobile-menu{z-index:45;background:var(--bg);flex-direction:column;padding:clamp(84px,16vw,108px) 28px 32px;transition:transform .34s cubic-bezier(.4,0,.2,1);display:none;position:fixed;inset:0;overflow-y:auto;transform:translate(100%)}.mobile-menu.open{transform:translate(0)}.mobile-links{flex-direction:column;display:flex}.mobile-links a{font-family:var(--font-chunky);letter-spacing:-.01em;color:var(--on-bg);border-bottom:1px solid var(--line-on-bg);padding:14px 0;font-size:clamp(28px,8vw,40px);font-weight:800}.mobile-links a:hover,.mobile-links a:active{color:var(--mobot-yellow)}.mobile-lang{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;display:grid}.mobile-lang a{border-radius:var(--r-pill);border:1.5px solid var(--line-on-bg);color:var(--on-bg-soft);font-family:var(--font-body);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:700;display:flex}.mobile-lang a.active{background:var(--mobot-yellow);color:var(--ink);border-color:var(--mobot-yellow)}.mobile-lang .code{font-weight:800}.mobile-lang .name{opacity:.85;font-weight:600}.mobile-account{border-top:1px solid var(--line-on-bg);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:18px;display:flex}.mobile-account-name{color:var(--on-bg);align-items:center;gap:8px;font-weight:700;display:inline-flex}.mobile-account-btn{border-radius:var(--r-pill);border:1.5px solid var(--line-on-bg);color:var(--on-bg);font-family:var(--font-body);white-space:nowrap;align-items:center;gap:8px;padding:12px 18px;font-size:15px;font-weight:700;display:inline-flex}.mobile-account-btn:hover{border-color:var(--mobot-yellow)}.mobile-account-btn.solo{justify-content:center;margin-top:16px}@media (prefers-reduced-motion:no-preference){.mobile-menu.open .mobile-links a{animation:.4s both menuIn;animation-delay:calc(50ms * var(--i) + 80ms)}}@keyframes menuIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@media (width<=960px){.nav-links,.nav-right .lang-switch,.account-btn{display:none}.nav-toggle{display:inline-flex}.mobile-menu{display:flex}.hero-grid{grid-template-columns:1fr}.hero-visual{aspect-ratio:5/4;width:min(100%,520px);margin:30px auto 0}.gamme-head,.gamme-grid,.platform-grid{grid-template-columns:1fr}.platform-card.app{border-bottom:1px solid #ffffff14;border-right:0}.audience-grid{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr;gap:32px 24px}.foot-grid>:first-child{grid-column:1/-1}}@media (width<=560px){.nav{padding:12px 0}.section{padding:56px 0}.academy-wrap{padding:28px 20px}.hero{padding-top:18px}.hero-stats{gap:10px;margin-top:32px}.platform-card{padding:28px 22px}.phone-mock{display:none}}html[lang=ar]{--font-display:"Almarai", system-ui, sans-serif;--font-chunky:"Almarai", system-ui, sans-serif;--font-body:"Almarai", system-ui, sans-serif}html[lang=ar] .chunky,html[lang=ar] .h1,html[lang=ar] .h2,html[lang=ar] .h3{line-height:1.15}[dir=rtl] .btn .arrow,[dir=rtl] .cta-pill .arrow,[dir=rtl] .aud-more .arrow{transform:scaleX(-1)}[dir=rtl] .btn:hover .arrow{transform:scaleX(-1)translate(4px)}[dir=rtl] .mobile-menu{transform:translate(-100%)}[dir=rtl] .mobile-menu.open{transform:translate(0)}[dir=rtl] .mobile-menu.open .mobile-links a{animation-name:menuInRtl}@keyframes menuInRtl{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:none}}[dir=rtl] .phone-mock{left:-40px;right:auto;transform:rotate(-8deg)}[dir=rtl] .phone-screen .btn-row{left:16px;right:auto}.slogan-bar{direction:ltr}[dir=rtl] .newsletter input{text-align:right}