@font-face{font-family:Mdarik;src:url('/assets/arabic-regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Mdarik;src:url('/assets/arabic-bold.woff') format('woff');font-weight:700 900;font-display:swap}
:root{color-scheme:dark;--navy:#0d2e54;--teal:#2ca4a4;--ink:#061729;--text:#eef6f8;--muted:#a1b7c9;--mint:#99e4df;--warm:#f4a340;--border:rgba(149,191,208,.2)}
*{box-sizing:border-box}html{background:var(--ink);font-size:16px}body{margin:0;color:var(--text);font-family:Mdarik,Tahoma,sans-serif;background:radial-gradient(ellipse at 8% 35%,#143650 0,transparent 47%),radial-gradient(ellipse at 88% 10%,#102e49 0,transparent 50%),#061729;min-width:0}button,input{font:inherit}button{cursor:pointer}button,input{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid #a9f2e6;outline-offset:5px}button:disabled{cursor:wait}::selection{background:#2ca4a4;color:#fff}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 29% 73%,#c8873d0c,transparent 32%);z-index:0}.coming-soon{position:relative;max-width:1720px;min-height:100svh;margin:auto;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto;grid-template-areas:'scene brand' 'scene message' 'scene signup' 'scene . ' 'footer footer';direction:ltr;padding:clamp(34px,5vh,70px) clamp(26px,4.2vw,84px) 0;column-gap:clamp(30px,4vw,77px);align-content:center}.brand,.message,.signup,footer{direction:rtl}.brand{grid-area:brand;display:flex;align-items:center;gap:9px;margin-bottom:27px;justify-self:start;direction:rtl}.brand img{width:65px;height:65px;object-fit:contain}.brand>div{display:flex;flex-direction:column;align-items:flex-start;gap:0}.brand-name{font-size:31px;line-height:1.4;font-weight:700}.brand-english{font-family:Arial,sans-serif;font-size:9px;letter-spacing:4px;color:#9db7c7;margin-top:1px}.message{grid-area:message;min-width:0}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 1px;font-size:13px;color:#acc3ce}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#66cabe;box-shadow:0 0 13px #43bead66}h1{position:relative;display:inline-block;font-size:clamp(92px,9vw,158px);font-weight:700;line-height:1.45;letter-spacing:-5px;margin:0 0 0;background:linear-gradient(140deg,#f2faf9 18%,#bde9e6 54%,#4dbbb6 97%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 12px 50px #64d9cd0a}.title-spark{position:absolute;left:-37px;top:33px;font-size:28px;color:#a7d8d5;transform:rotate(12deg);font-weight:400}h2{font-size:clamp(24px,2.35vw,36px);font-weight:700;line-height:1.8;margin:-10px 0 10px;letter-spacing:-.7px}.inline-fire{width:24px;height:30px;vertical-align:-3px;margin-right:4px}.description{color:#b7cbd7;font-size:clamp(15px,1.3vw,18px);line-height:1.9;margin:0}.rotating-wrap{display:flex;align-items:center;gap:9px;color:#829faf;margin-top:18px;min-height:31px}.rotating-wrap p{font-size:14px;line-height:1.8;margin:0;transition:opacity .35s ease,transform .35s ease}.rotating-wrap p.changing{opacity:0;transform:translateY(7px)}.tiny-spark{color:#91babd;font-size:23px}.signup{grid-area:signup;margin-top:36px;min-width:0}.form-intro{font-size:14px;margin:0 0 13px;color:#d6e3e9}.form-controls{display:flex;align-items:center;gap:6px;padding:6px;border:1px solid #6e909f;border-radius:17px;background:linear-gradient(120deg,#28465b70,#0d263e60);box-shadow:0 10px 32px #020d1c22,inset 0 1px #c6eaf208}.input-wrap{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding-inline:12px 0}.input-wrap>svg{width:19px;flex-shrink:0;fill:none;stroke:#a6c3cf;stroke-width:1.5}input{background:none;border:0;color:#f4fbfa;width:100%;min-width:0;height:48px;font-size:16px;direction:rtl;outline-offset:0!important}input:not(:placeholder-shown){direction:ltr;text-align:left}input::placeholder{color:#9eb5c2;font-size:14px;opacity:1}input[aria-invalid=true]{color:#ffc6b8}.form-controls:focus-within{border-color:#87d8cf;box-shadow:0 0 0 3px #2ca4a426}.form-controls button{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #b3f3ed;border-radius:12px;padding:12px 17px;min-height:49px;white-space:nowrap;font-size:14px;font-weight:700;background:linear-gradient(135deg,#c4f0e9,#82d3cf);color:#10394f;box-shadow:0 3px 13px #5ad4c027,inset 0 1px #ffffffbb;transition:background .2s,transform .2s}.form-controls button:hover{background:#d0fff4;transform:translateY(-1px)}.form-controls button:active{transform:translateY(1px)}.form-controls button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}#form-status{font-size:14px;line-height:1.8;margin:10px 2px 0;color:#b4efdb}#form-status:empty{display:none}#form-status.error{color:#ffd0c3}#privacy-note{display:flex;align-items:center;gap:6px;font-size:12px;color:#94aab9;margin-top:13px}#privacy-note svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.6}.scene{grid-area:scene;align-self:center;min-width:0;margin:0 -43px 0 -40px;position:relative;direction:rtl;isolation:isolate}.scene:after{content:'';position:absolute;left:14%;right:9%;bottom:5%;height:8%;background:#39bbb51a;filter:blur(35px);z-index:-1}.scene svg{display:block;width:100%;height:auto;aspect-ratio:820/760;overflow:visible;font-family:Mdarik,Tahoma,sans-serif}.scene-caption{display:flex;justify-content:center;align-items:center;gap:12px;color:#91a8b8;font-size:12px;margin-top:7px}.caption-line{height:1px;width:31px;background:#677e8c}footer{grid-area:footer;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#89a1b2;font-size:12px;border-top:1px solid #9bc5d415;padding:17px 0;margin-top:47px}footer>span:nth-child(2){color:#96aeba}#motion-toggle{display:flex;align-items:center;gap:7px;background:none;border:0;color:#a3bbc7;font-size:12px;min-height:44px;padding:0 5px}#motion-toggle svg{width:13px;height:13px;stroke:currentColor;stroke-width:2;fill:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* All continuously animated properties are transforms or opacity. */
#robot-body{transform-origin:390px 550px;animation:breathe 5.8s ease-in-out infinite}#robot-head{transform-origin:389px 389px;animation:head-idle 7.3s ease-in-out infinite}#left-arm{transform-origin:306px 437px;animation:stir 3.3s ease-in-out infinite}#eyes,.eyes-glow{transform-origin:389px 317px;transition:transform .12s ease}#robot-face.blink #eyes,#robot-face.blink .eyes-glow{transform:scaleY(.08)}#robot-face.curious #right-eye{transform:translateY(2px) scaleY(.94);transform-origin:435px 311px}.float-card{--card-x:0%;--card-y:0%;--card-lift:6px;position:absolute;inset:0;z-index:1;pointer-events:none;backface-visibility:hidden;will-change:transform;transform:translate3d(var(--card-x),var(--card-y),0);animation:card-drift 7s cubic-bezier(.45,0,.55,1) infinite both}.card-quiz{animation-delay:-2.5s}.card-ai{animation-delay:-4s;animation-duration:8s}.card-summary{animation-delay:-1.4s;animation-duration:8.8s}.flame{transform-box:fill-box;transform-origin:50% 100%;animation:flicker 1.1s ease-in-out infinite alternate}.f2{animation-delay:-.3s;animation-duration:.8s}.f3{animation-delay:-.8s;animation-duration:1.3s}.f4{animation-delay:-.4s;animation-duration:.9s}.f5{animation-delay:-1s;animation-duration:1.2s}.f6{animation-delay:-.6s;animation-duration:1.4s}.fire-glow{animation:glow 3.7s ease-in-out infinite}.steam-trail{animation:steam-rise 4.8s ease-in-out infinite;opacity:0}.s2{animation-delay:-1.3s;animation-duration:5.5s}.s3{animation-delay:-3.5s;animation-duration:6.2s}.s4{animation-delay:-2.2s;animation-duration:4.2s}.ingredient{animation:ingredient-rise 6.6s ease-out infinite;opacity:0}.p2{animation-delay:-2.9s}.p3{animation-delay:-4.4s}.p4{animation-delay:-1.8s}.bubble{transform-box:fill-box;transform-origin:center;animation:bubble 2.4s ease-in-out infinite}.b2{animation-delay:-.7s}.b3{animation-delay:-1.8s}.b4{animation-delay:-1.1s}.ambient-sparks{animation:glow 6s ease-in-out infinite}
@keyframes breathe{50%{transform:translateY(-2px) scaleY(1.008)}}@keyframes head-idle{0%,100%{transform:rotate(-.5deg) translateY(0)}50%{transform:rotate(1.2deg) translateY(-2px)}}@keyframes stir{0%,100%{transform:rotate(-4deg)}25%{transform:rotate(1deg) scaleY(.98)}50%{transform:rotate(5deg)}75%{transform:rotate(0deg) scaleY(1.02)}}@keyframes card-drift{0%,100%{transform:translate3d(var(--card-x),var(--card-y),0)}50%{transform:translate3d(var(--card-x),calc(var(--card-y) - var(--card-lift)),0)}}@keyframes flicker{0%{transform:scale(.98,.82) rotate(-2deg);opacity:.86}100%{transform:scale(1.03,1.1) rotate(2deg);opacity:1}}@keyframes glow{50%{opacity:.68}}@keyframes steam-rise{0%{transform:translate(0,12px) scaleX(.93);opacity:0}25%{opacity:.19}60%{opacity:.24}100%{transform:translate(9px,-54px) scaleX(1.02);opacity:0}}@keyframes ingredient-rise{0%,12%{opacity:0;transform:translate(0,20px)}20%{opacity:.8}65%,100%{opacity:0;transform:translate(14px,-103px) rotate(7deg)}}@keyframes bubble{50%{transform:scale(.8,.5);opacity:.5}}
html.motion-paused *,html.page-hidden *{animation-play-state:paused!important}html.motion-paused #rotating-phrase,html.page-hidden #rotating-phrase{transition:none}html.motion-paused .steam-trail{opacity:.16}html.motion-paused .ingredient{opacity:0}
@media(min-width:1600px){.coming-soon{padding-top:max(55px,calc((100svh - 850px)/2));grid-template-columns:1.12fr 1fr}.brand{margin-bottom:32px}.signup{margin-top:40px}.scene{margin-right:-34px}.description{font-size:20px}h2{font-size:39px}.form-controls{max-width:610px}footer{margin-top:60px}}
@media(min-width:900px) and (max-width:1150px){.coming-soon{column-gap:25px;padding-inline:28px}.scene{margin-left:-22px;margin-right:-17px}.form-controls{flex-direction:column;padding:7px}.input-wrap{width:100%;padding-inline:11px}.form-controls button{width:100%}.signup{margin-top:24px}h2{font-size:25px}.brand{margin-bottom:17px}h1{font-size:102px}.scene-caption{font-size:11px}}
@media(max-width:899px){.coming-soon{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:'brand' 'message' 'scene' 'signup' 'footer';padding:27px max(22px,calc((100vw - 590px)/2)) 0;row-gap:0;min-height:100svh;align-content:start}.brand{justify-self:center;margin-bottom:21px;gap:7px}.brand img{width:53px;height:53px}.brand-name{font-size:25px}.brand-english{font-size:8px;letter-spacing:3px}.message{text-align:center}.eyebrow{justify-content:center;font-size:12px;margin-bottom:0}h1{font-size:clamp(88px,20vw,125px);line-height:1.45;letter-spacing:-3px;margin-top:-3px}.title-spark{font-size:21px;left:-25px;top:27px}h2{font-size:clamp(21px,4.8vw,31px);line-height:1.65;letter-spacing:-.8px;margin:-5px -3px 8px}.desktop-break{display:none}.inline-fire{width:19px;height:24px;vertical-align:-4px}.description{font-size:clamp(13px,3.2vw,17px);line-height:1.9;white-space:normal}.rotating-wrap{justify-content:center;margin-top:10px;gap:6px;min-height:27px}.rotating-wrap p{font-size:12px}.scene{width:calc(100% + 34px);margin:8px -17px -5px;align-self:start}.scene svg{aspect-ratio:590/665}.scene .secondary,.scene .room,.scene .p3,.scene .p4,.scene .ambient-sparks{display:none}.scene .card-pdf{--card-x:4.576271%;--card-y:8.270677%;--card-lift:4px}.scene .card-quiz{--card-x:-6.949153%;--card-y:4.661654%;--card-lift:4px}.scene-caption{font-size:10px;margin-top:-14px}.signup{margin:23px 0 0;text-align:center}.form-intro{font-size:13px;margin-bottom:12px}.form-controls{flex-direction:column;border:0;background:none;box-shadow:none;padding:0;gap:10px}.input-wrap{width:100%;border:1px solid #607f91;border-radius:13px;background:#233d5359;padding-inline:15px 12px;height:54px;text-align:right}.input-wrap:focus-within{border-color:#99e4df;box-shadow:0 0 0 3px #2ca4a422}.form-controls:focus-within{box-shadow:none}.form-controls button{width:100%;min-height:53px;font-size:15px}.form-controls input{height:50px}.form-controls input::placeholder{font-size:14px}#privacy-note{justify-content:center;font-size:11px;margin-top:13px}footer{flex-wrap:wrap;justify-content:center;column-gap:19px;row-gap:0;font-size:10px;margin-top:29px;padding:17px 0 7px}#motion-toggle{font-size:10px}footer>span:nth-child(2){display:none}body{background:radial-gradient(ellipse at 50% 44%,#123951 0,transparent 43%),radial-gradient(ellipse at 70% 3%,#11314b 0,transparent 38%),#061729}}
@media(max-width:359px){.coming-soon{padding-inline:18px}.description{font-size:12px}h2{font-size:20px}.inline-fire{width:16px}.rotating-wrap p{font-size:11px}.scene-caption{font-size:9px}.signup{margin-top:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.steam-trail{opacity:.16}.ingredient{opacity:0}}

@media(min-width:900px){.brand{justify-self:end}}
@media(max-width:899px){.scene svg{overflow:hidden}}

/* Cards are static SVG drawings inside independently moving HTML layers.
   The room stays behind them; the robot stays in front, preserving occlusion. */
#scene-mount{position:relative;overflow:clip;isolation:isolate}
#kitchen-scene{position:relative;z-index:2;pointer-events:none}
#scene-mount>.scene-backdrop{position:absolute;inset:0;z-index:0;width:100%;height:100%;aspect-ratio:auto;pointer-events:none}
#scene-mount .card-canvas{width:100%;height:100%;aspect-ratio:auto;overflow:visible}
html.motion-paused .float-card,html.page-hidden .float-card{will-change:auto}
@media(prefers-reduced-motion:reduce){.float-card{will-change:auto}}
.scene-caption{position:relative;z-index:3}