/* 9amm online / cinema refinement. The live studio's violet-blue-aqua identity. */
:root{--bg:#07080b;--surface:#10121c;--ink:#f4f3ff;--muted:#a8adbf;--line:#b8bcff20;--aqua:#87deff;--deep:#081831;--paper:#ececf4;--violet:#7c3aed;--blue:#2563eb;--cyan:#06b6d4;--brand-gradient:linear-gradient(115deg,#7c3aed 0%,#2563eb 58%,#087da5 100%)}
body{background:var(--bg)}.dot{background:#67daf9;box-shadow:0 0 16px #06b6d465}.pill{border-color:#b9c4ff35;background:#0b102a40}.pill.primary{background:var(--brand-gradient);color:#fff;border-color:#9797ff55;box-shadow:0 8px 30px #4d45ff28;position:relative;isolation:isolate}.pill.primary:before{content:'';position:absolute;inset:-1px;border-radius:inherit;box-shadow:inset 0 1px 0 #fff5;pointer-events:none}.pill.primary:hover{background:linear-gradient(115deg,#8950f9,#386ff6 58%,#128bac);box-shadow:0 12px 40px #6451ff55;border-color:#b1b7ff8c}.pill.primary:hover .arrow{transform:translate(-2px,-2px)}.pill .arrow{transition:transform .3s}.text-link:hover{color:#b2a2ff}.scroll-line{background:linear-gradient(90deg,var(--violet),var(--blue),var(--cyan))}.eyebrow{color:#969eb9}.intro-strip{background:#0b0c13}.intro-strip .capabilities svg{color:#9a9fee}.intro-strip p{color:#a6aac2}.capabilities{color:#cdd2e6}
.nav-shell{background:linear-gradient(#07080b99,transparent)}.nav{height:101px;border-bottom-color:#bcc7ff21}.brand img{width:52px;height:52px;border-radius:12px;box-shadow:0 0 22px #315fff18}.brand-lockup{font-family:Thmanyah,'IBM Plex Sans Arabic',sans-serif;font-size:23px;font-weight:900;line-height:1.3;white-space:nowrap}.brand-lockup small{display:block;font-weight:400;font-size:9px;color:#a8b0c9;letter-spacing:1.25px;margin-top:5px;line-height:1.5}.nav-links{color:#c4c7db}.nav-links a:hover{color:#b1a4ff}.nav-actions .login{color:#dedeee}.mobile-menu{background:#10121f;border-color:#b2a7ff35}
/* Real video is the hero. The legibility mask stays in place across every cut. */
.hero{height:max(820px,100svh);max-height:1050px;min-height:820px;justify-content:flex-start;padding:165px max(60px,calc((100vw - 1320px)/2)) 170px}.hero:before{display:none}.hero:after{z-index:1;opacity:.09;pointer-events:none}.cinema-backdrop{position:absolute;inset:0;z-index:-2;background:#0a0c17;overflow:hidden}.cinema-poster,.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:28% 45%}.cinema-poster img{object-position:28% 45%}.hero-film{opacity:0;transition:opacity 1.2s ease}.hero-film.ready{opacity:1}.cinema-poster{opacity:1;transition:opacity 1.2s ease}.cinema-backdrop.is-playing .cinema-poster{opacity:0}.cinema-shade{position:absolute;inset:0;background:linear-gradient(270deg,#070911f5 0%,#080b15ed 29%,#080b15aa 49%,#080b1530 76%,#080b156b 100%),linear-gradient(0deg,#07080bf5 0%,#07080b00 27%,#07080b00 75%,#07080b7a 100%)}.cinema-light{position:absolute;inset:-10%;pointer-events:none;background:radial-gradient(ellipse at 80% 24%,#6748ff26,transparent 40%),radial-gradient(ellipse at 15% 90%,#008cff22,transparent 40%);mix-blend-mode:screen;animation:cinema-breathe 12s ease-in-out infinite alternate;animation-play-state:paused}.hero-in-view .cinema-light{animation-play-state:running}.hero .orbit{z-index:-1;left:auto;right:-260px;top:70px;width:880px;height:760px;border-color:#ad93ff0c;transform:rotate(-20deg);pointer-events:none}.hero .orbit:after{border-color:#66d4ff0b}.hero .s1{left:auto;right:53%;top:155px;width:25px;height:25px;color:#bea5ff}.hero .s2{right:auto;left:17%;bottom:270px;color:#95dfff}
.hero-content{text-align:right;width:720px;max-width:62%;margin:0;z-index:5}.hero-kicker{font-size:11px;gap:10px;border-color:#9a8bff3d;background:#1013248c;color:#d4d4e8;backdrop-filter:blur(12px);margin-bottom:28px}.kicker-divider{width:1px;height:11px;background:#aaadce55}.hero h1{font-size:clamp(68px,7.15vw,106px);line-height:1.3;letter-spacing:-1px;text-shadow:0 5px 28px #05050b45}.hero h1 .mint{background:linear-gradient(110deg,#84e0ff 5%,#c6dbff 50%,#c3a6ff 95%);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap;filter:drop-shadow(0 4px 30px #37389b15)}.hero h1 .mint:after{display:none}.hero-content>p{margin:28px 0 29px;max-width:520px;color:#ced0de;font-size:18px;line-height:1.95}.hero-ctas{justify-content:flex-start;gap:15px}.hero-ctas .pill{min-height:54px;padding:13px 25px}.hero-ctas .pill:not(.primary){background:#0b1023a6;border-color:#e3e4ff35;backdrop-filter:blur(12px)}.hero-note{justify-content:flex-start;margin-top:25px;color:#9da8c3;font-size:11px}.cinema-caption{position:absolute;left:5%;top:30%;font-size:14px;display:flex;flex-direction:column;gap:9px;text-shadow:0 2px 12px #000;pointer-events:none;color:#eff5ff}.cinema-caption .en{font-size:9px;letter-spacing:2px;color:#d3daed}.cinema-caption:before{content:'';height:30px;width:1px;background:linear-gradient(transparent,#a9d2ff);margin-bottom:9px}
.hero-creation{position:absolute;bottom:145px;left:max(60px,calc((100vw - 1320px)/2));display:flex;align-items:center;gap:16px;padding:14px 16px;background:linear-gradient(130deg,#ffffff10,#ffffff04);border:1px solid #b8c6ff35;border-radius:12px;backdrop-filter:blur(22px);z-index:6;box-shadow:0 15px 50px #0002;transition:transform .4s,border-color .4s}.hero-creation:hover{transform:translateY(-6px);border-color:#8b84df}.creation-pictures{display:flex;direction:ltr;padding-left:6px}.creation-pictures img{width:43px;height:55px;border-radius:5px;border:1px solid #fff6;object-fit:cover;box-shadow:0 6px 16px #0005;margin-left:-6px;transform:rotate(-9deg);transition:transform .35s}.creation-pictures img:nth-child(2){transform:rotate(1deg) translateY(-4px)}.creation-pictures img:nth-child(3){transform:rotate(10deg)}.hero-creation:hover .creation-pictures img:first-child{transform:rotate(-14deg) translateX(-5px)}.hero-creation:hover .creation-pictures img:last-child{transform:rotate(16deg) translateX(5px)}.hero-creation strong{display:block;font-size:13px;font-weight:500;margin-top:3px}.hero-creation small{font-size:8px;letter-spacing:1.2px;color:#b1bde0}.hero-creation>svg{width:20px;margin-right:8px;color:#b9a8ff}.hero-bottom{bottom:29px;z-index:6;border-top-color:#a9baff26;align-items:center;color:#a8b3ca;padding-top:22px;left:max(60px,calc((100vw - 1320px)/2));right:max(60px,calc((100vw - 1320px)/2))}.hero-coordinate.en{font-size:9px;letter-spacing:1.2px}.scroll-cue{color:#cdd5e9}.film-control{display:flex;align-items:center;gap:15px;direction:ltr}.film-control button{display:flex;align-items:center;gap:8px;min-height:44px;background:#0a0e1c66;border:1px solid #b9c9ff32;padding:7px 13px;border-radius:50px;font-size:10px;color:#e1e9fa;direction:rtl}.film-control button:hover{background:#44416b44}.film-control button svg{width:14px;height:14px}.film-track{width:70px;height:2px;background:#ffffff25;display:block;overflow:hidden}.film-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#a285ff,#63dbff);transform-origin:left;transform:scaleX(0);transition:transform .25s linear}.film-control>.en{font-size:8px;letter-spacing:1.4px;color:#b4c1db}
/* A moving editorial ribbon carries the brand rhythm into the page. */
.brand-ribbon{overflow:hidden;border-block:1px solid #b6b4ff26;background:linear-gradient(95deg,#171122,#101528 55%,#0b1d27);padding:27px 0;position:relative}.brand-ribbon:before,.brand-ribbon:after{position:absolute;top:0;bottom:0;width:80px;content:'';z-index:2;pointer-events:none}.brand-ribbon:before{left:0;background:linear-gradient(90deg,#111222,transparent)}.brand-ribbon:after{right:0;background:linear-gradient(270deg,#111222,transparent)}.ribbon-track{display:flex;width:max-content;direction:ltr;animation:studio-marquee 45s linear infinite;animation-play-state:paused}.brand-ribbon.in-view .ribbon-track{animation-play-state:running}.brand-ribbon:hover .ribbon-track{animation-play-state:paused}.ribbon-group{display:flex;align-items:center;gap:42px;padding:0 21px;white-space:nowrap}.ribbon-ar{font-family:Thmanyah,sans-serif;font-size:41px;line-height:1.3;direction:rtl;color:#e5e4f4}.ribbon-group .en{font-size:48px;font-weight:600;letter-spacing:-2px;color:#b8a6ed;line-height:1.1}.ribbon-group .outline-type{color:transparent;-webkit-text-stroke:1px #94c9ef}.ribbon-group svg{width:27px;height:27px;color:#a4b8ff}
/* Carry the exact identity through gallery, studio, workflow and plans. */
.filter[aria-pressed=true]{background:linear-gradient(115deg,#4b3190,#264d98);color:#fff;border-color:#8993ef88}.work-card:hover .work-open{background:#6d4ecc;color:white}.work-image{border:1px solid #a0b0f522}.work-image:after{position:absolute;inset:0;content:'';border-radius:inherit;box-shadow:inset 0 0 0 1px #fff08;pointer-events:none}.work-card .work-image{transition:border-color .4s,box-shadow .4s}.work-card:hover .work-image{border-color:#aaa1ff70;box-shadow:0 10px 40px #47309c20}.works .section-top h2 span{background:linear-gradient(100deg,#aadeff,#b8a2fb);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.studio-section{background:radial-gradient(ellipse at 18% 58%,#58329820,transparent 60%),#0c0d16}.studio-window{background:#11121e;border-color:#ada2ff40;box-shadow:0 0 75px #6343bd0d,0 25px 70px #0004;position:relative}.studio-window:before{content:'';position:absolute;top:0;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,#a590ff,#8accff,transparent);z-index:1}.studio-tab[aria-selected=true]{background:linear-gradient(110deg,#784adc20,#2563eb15);border-color:#a68bea75}.studio-tab[aria-selected=true] svg{color:#b5a0ff}.studio-tab:hover{background:#7b64e210}.studio-tabs{position:relative}.studio-visual{background-color:#0d111b;background-image:radial-gradient(#b8b2ff12 1px,transparent 1px)}.demo-prompt{background:#121627ef;border-color:#8a99dc45}.demo-prompt a{background:var(--brand-gradient);color:#fff}.demo-label{color:#c6bcff;border-color:#aa91fa38}.studio-help{color:#9ca8c2}.window-dots i{background:#646b89}.demo-canvas{border-color:#aab5ff32}.scene-change{animation:scene-reveal .48s var(--ease)}
.paper{background:#ebeaf3;color:#20213b}.paper .eyebrow{color:#626384}.paper-title span{color:#777191}.paper .steps{border-top-color:#655f852e}.paper .steps p,.paper-foot p{color:#5a5876}.paper .step-no{color:#696484}.paper .step-no svg{color:#73629a}.paper .paper-foot{border-top-color:#655f8530}.paper .text-link{color:#483b76;border-color:#66528950}.paper :focus-visible{outline-color:#6a45bd}.steps article{position:relative}.steps article:before{position:absolute;right:0;top:-31px;height:2px;width:0;background:linear-gradient(90deg,#17a4c9,#8957e8);content:'';transition:width .9s var(--ease)}.steps article.visible:before{width:100%}.steps article:nth-child(2):before{transition-delay:.12s}.steps article:nth-child(3):before{transition-delay:.24s}.steps article:nth-child(4):before{transition-delay:.36s}
.tool-card{overflow:hidden;isolation:isolate}.tool-card:before{content:'';position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%),#7458d02c,transparent 65%);transition:opacity .4s}.tool-card:hover:before,.tool-card:focus-visible:before{opacity:1}.tool-card:hover{background:#4037600e}.tool-icon{background:linear-gradient(140deg,#6447ac27,#277db41f);border:1px solid #9890e62b;border-radius:10px;width:42px;height:42px;display:grid;place-items:center;color:#b1a6f7}.tool-icon svg{width:21px}.tool-top{margin-bottom:25px}.plans-section{background:radial-gradient(ellipse at 90% 90%,#33215728,transparent 60%),#0e101a}.plan-option.featured{background:linear-gradient(110deg,#784adc17,#2563eb10);border-color:#a78bea60;box-shadow:0 0 35px #673ab714}.plan-option:hover{background:#8973e70a;border-color:#a095e8}.plan-option .arrow{color:#b6a0fc}.plans-copy h2 span{color:#b8a9ff!important}.faq-list details[open] summary{color:#c5b6ff}.faq-list details[open] summary:after{color:#adabff}.faq-list details p{color:#a8adc3}
/* Signature ending: the existing logo, with spatial framing rather than a new mark. */
.finale{padding-top:65px;background:radial-gradient(ellipse at 50% 70%,#57369a28,transparent 58%),radial-gradient(ellipse at 80% 100%,#046a8b1d,transparent 50%);isolation:isolate}.brand-sculpture{height:220px;max-width:600px;margin:0 auto 28px;display:grid;place-items:center;position:relative;perspective:800px}.brand-sculpture img{width:130px;height:130px;border-radius:28px;transform:rotateY(-16deg) rotateX(10deg) rotateZ(-8deg);box-shadow:-16px 20px 55px #753dc633,15px -10px 65px #1399cf15;z-index:2;transition:transform .8s var(--ease)}.brand-sculpture:hover img{transform:rotateY(0) rotateX(0) rotateZ(0) translateY(-5px)}.brand-halo{position:absolute;left:calc(50% - 190px);top:calc(50% - 68px);width:380px;height:136px;border:1px solid #9978ff42;border-radius:50%;transform:rotate(-15deg)}.brand-halo.second{width:320px;left:calc(50% - 160px);height:185px;top:calc(50% - 92px);transform:rotate(22deg);border-color:#62c4ff25}.brand-sculpture .signature{position:absolute;bottom:4px;font-size:10px;letter-spacing:5px;color:#abb6d2}.finale h2 span{background:linear-gradient(95deg,#91d8fc,#baa4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.final-orbit{border-color:#9996ff11;top:250px;z-index:-1}.motion-toggle{background:#111426ed;border-color:#abb2f63a;color:#d1d5f0}.footer{background:#07080d}.footer .brand-lockup{font-size:21px}.close-modal:hover{background:#63509630}dialog{background:#10121d;border-color:#aaa0f944}.dialog-image{background:#080912}
@keyframes cinema-breathe{from{transform:translate3d(-2%,-1%,0);opacity:.7}to{transform:translate3d(2%,2%,0);opacity:1}}
@keyframes studio-marquee{to{transform:translateX(-50%)}}
@keyframes scene-reveal{from{opacity:.4;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
html[data-motion=off] .ribbon-track{animation-play-state:paused!important}html[data-motion=off] .cinema-light{animation-play-state:paused!important}html[data-motion=off] .steps article:before{width:100%}.hero.no-video .film-track{opacity:.35}
@media(min-width:1600px){.hero-content{max-width:720px}.cinema-caption{left:calc((100vw - 1320px)/2)}.hero{height:950px}}
@media(max-width:1200px){.hero{padding-inline:40px;min-height:820px}.hero-content{max-width:66%;width:650px}.hero h1{font-size:clamp(68px,7.6vw,92px)}.hero-content>p{font-size:16px;max-width:450px}.hero-creation{left:40px;bottom:142px;gap:12px;padding:12px}.hero-creation strong{font-size:11px}.creation-pictures img{width:35px;height:48px}.hero .cinema-caption{left:40px;top:25%}.hero-bottom{left:40px;right:40px}.hero-coordinate.en{font-size:8px}.film-control{gap:10px}.film-track{width:50px}.nav-links{gap:17px}.brand-lockup{font-size:21px}.brand-lockup small{font-size:8px;letter-spacing:1px}.brand img{width:46px;height:46px}.ribbon-ar{font-size:35px}.ribbon-group .en{font-size:41px}.ribbon-group{gap:30px}}
@media(max-width:980px){.hero{height:930px;min-height:930px;max-height:none;align-items:center;padding:155px 32px 210px}.hero-content{max-width:86%;width:650px}.hero h1{font-size:84px}.cinema-shade{background:linear-gradient(270deg,#070911f2,#080b15c9 47%,#080b1540),linear-gradient(0deg,#07080bf5,transparent 55%,#07080b70)}.hero-creation{bottom:125px;left:32px}.cinema-caption{display:none}.hero-bottom{right:32px;left:32px}.hero-coordinate{display:none}.hero .s1{right:85%;top:175px}.hero .s2{bottom:135px;left:60%}.nav{height:92px}.ribbon-ar{font-size:32px}.ribbon-group .en{font-size:39px}.ribbon-group{gap:26px}.brand-ribbon{padding:23px 0}.hero-ctas .pill{padding:12px 23px}}
@media(max-width:700px){.nav{height:85px;gap:9px}.brand img{width:41px;height:41px;border-radius:10px}.brand-lockup{font-size:18px}.brand-lockup small{font-size:6.5px;letter-spacing:.6px}.nav .brand{gap:8px}.nav-actions{gap:8px}.nav-actions .pill{font-size:11px;padding:8px 12px}.hero{height:auto;min-height:870px;padding:155px 20px 215px;align-items:flex-start;justify-content:center}.hero-content{width:100%;max-width:100%;text-align:center}.hero h1{font-size:clamp(46px,11.65vw,78px);line-height:1.45;letter-spacing:-1px}.hero-kicker{font-size:9px;gap:7px;padding:7px 10px;margin-bottom:20px}.hero-kicker .dot{width:5px;height:5px}.kicker-divider{height:9px}.hero-content>p{font-size:15px;line-height:1.95;margin:22px auto 24px;max-width:360px;color:#d8dbe9}.hero-ctas{justify-content:center;gap:10px}.hero-ctas .pill{font-size:12px;min-height:51px;padding:11px 18px}.hero-note{justify-content:center;font-size:10px;gap:10px;margin-top:22px}.hero .orbit{right:-290px;top:170px;width:680px;height:650px;opacity:.6}.hero .spark{display:none}.cinema-poster,.hero-film{object-position:50% 40%}.cinema-poster img{object-position:50% 40%}.cinema-shade{background:linear-gradient(0deg,#07080bf8 0%,#07080b75 18%,#090b18d9 41%,#090b18dd 65%,#090b1855 95%),linear-gradient(90deg,#14275718,#65409818)}.cinema-light{background:radial-gradient(ellipse at 20% 35%,#7252ff34,transparent 65%),radial-gradient(ellipse at 95% 85%,#06b6d430,transparent 65%)}.hero-creation{bottom:132px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 40px);padding:12px 16px;gap:15px;direction:rtl}.hero-creation:hover{transform:translateX(-50%) translateY(-3px)}.creation-pictures img{width:38px;height:50px}.hero-creation strong{font-size:11px}.hero-creation>svg{width:18px;margin:0}.hero-creation small{font-size:7px}.hero-bottom{bottom:20px;left:20px;right:20px;flex-direction:column;gap:7px;padding-top:12px}.hero-bottom .scroll-cue{position:absolute;left:0;bottom:53px;font-size:10px;min-height:35px}.film-control{width:100%;justify-content:space-between;gap:12px}.film-control button{font-size:10px;padding:7px 12px}.film-control>.en{font-size:8px}.film-track{flex:1;max-width:90px}.brand-ribbon{padding:20px 0}.ribbon-group{gap:25px;padding-inline:12.5px}.ribbon-ar{font-size:29px}.ribbon-group .en{font-size:35px}.ribbon-group svg{width:21px;height:21px}.brand-ribbon:before,.brand-ribbon:after{width:30px}.intro-strip{padding:25px 0}.intro-strip .wrap{gap:13px}.steps article:before{top:-24px}.steps article:nth-child(n+3):before{top:-13px}.brand-sculpture{height:180px;margin-bottom:24px}.brand-sculpture img{width:106px;height:106px;border-radius:23px}.brand-halo{width:290px;height:110px;left:calc(50% - 145px);top:calc(50% - 55px)}.brand-halo.second{width:250px;height:148px;left:calc(50% - 125px);top:calc(50% - 74px)}.brand-sculpture .signature{font-size:8px;letter-spacing:4px}.finale{padding-top:42px}.finale h2{font-size:56px}.tool-top{margin-bottom:19px}.tool-icon{width:36px;height:36px;border-radius:8px}.tool-icon svg{width:19px}.footer .brand-lockup{font-size:20px}.brand-lockup small{white-space:nowrap}}
@media(max-width:370px){.hero{min-height:870px;padding-top:140px}.hero h1{font-size:46px}.hero-kicker{font-size:8px;padding:7px}.hero-content>p{font-size:14px}.hero-ctas .pill{font-size:11px;padding:10px 13px}.hero-note{font-size:9px}.hero-creation{gap:11px;padding:12px}.hero-creation strong{font-size:10px}.hero-creation small{font-size:6px}.creation-pictures img{width:31px;height:45px}}
@media(prefers-reduced-motion:reduce){.ribbon-track,.cinema-light{animation:none!important}.steps article:before{width:100%}.hero-film{transition:none}.brand-sculpture img{transform:none}}
/* Keep the local video control clear of the global motion control on phones. */
@media(max-width:700px){.film-control{direction:rtl;justify-content:flex-start;gap:16px}.film-control>.en{display:none}.film-track{max-width:70px}.hero-bottom .scroll-cue{left:auto;right:0;bottom:55px}.brand-lockup small{font-size:7px;letter-spacing:.45px}}