/* OOJA PRINTVERSE — all assets local, no CDN, conceptual creative preview */
:root{--ink:#121632;--blue:#3245ff;--violet:#7267ee;--apricot:#ffc6a4;--paper:#f5f2eb;--chalk:#fffefb;--muted:#666c7b;--line:#c7c6c0;--header:78px;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Segoe UI',Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}body[dir=rtl],html[dir=rtl]{font-family:Tahoma,'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img,video{display:block;max-width:100%}::selection{background:#ffe39d;color:#131636}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #fa684d;outline-offset:3px}.grain{position:fixed;inset:0;z-index:25;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.23' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}.pointer-glow{pointer-events:none;position:fixed;width:460px;height:460px;transform:translate(-50%,-50%);z-index:1;border-radius:50%;background:radial-gradient(circle,#fccaaf15 0%,transparent 70%);opacity:.4}.scrollprogress{position:fixed;top:0;inset-inline-start:0;width:0;height:3px;background:#fa7657;z-index:70;transition:width .1s linear}
.site-header{height:var(--header);position:fixed;z-index:50;top:0;inset-inline:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(18px,3.2vw,55px);background:#f5f2eae8;border-bottom:1px solid #2636e91a;backdrop-filter:blur(20px);box-shadow:0 6px 30px #0d0c2420;transition:background .5s,color .5s}.logo{display:flex;align-items:center;position:relative;gap:2px;direction:ltr;white-space:nowrap;color:var(--blue);min-width:166px}.logo-crown{align-self:flex-start;font:19px Georgia;transform:rotate(-20deg) translate(15px,-8px);color:#f78563;position:absolute;top:-6px;left:-8px}.logo-text{font-family:Georgia,'Times New Roman',serif;font-weight:800;font-size:37px;line-height:.8;letter-spacing:-3px}.logo-text b{display:block;font:600 8px Arial;letter-spacing:5px;margin:8px 0 0 3px}.logo-period{font:62px Georgia;line-height:30px;color:#ff855d;margin-left:0}.main-nav{display:flex;gap:clamp(7px,1.25vw,22px);align-items:center;justify-content:center;white-space:nowrap;flex:1}.nav-link{color:#50566b;font-size:clamp(10px,.83vw,12.5px);font-weight:700;position:relative;padding:27px 0;transition:color .3s}.nav-link:after{content:'';height:2px;width:0;background:var(--blue);position:absolute;bottom:19px;inset-inline-start:0;transition:width .3s var(--ease)}.nav-link:hover,.nav-link.active{color:var(--blue)}.nav-link.active:after,.nav-link:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:11px}.lang-button{white-space:nowrap;border:1px solid #30385a38;border-radius:30px;padding:10px 14px;background:transparent;font-size:11px;font-weight:900;color:var(--ink)}.lang-ar{font-weight:500;color:#86838c}.sound-circle{width:36px;height:36px;border:0;background:var(--blue);color:white;border-radius:100%;display:grid;place-items:center;position:relative}.sound-bars{display:none;align-items:center;gap:3px;height:17px}.sound-bars i{display:block;width:2px;height:40%;background:#fff;animation:bounceWave .65s alternate infinite}.sound-bars i:nth-child(2){height:85%;animation-delay:.14s}.sound-bars i:nth-child(3){height:65%;animation-delay:.3s}.sound-bars i:nth-child(4){height:100%;animation-delay:.07s}.sound-circle.playing .sound-bars{display:flex}.sound-circle.playing .sound-x{display:none}
.page{display:none;min-height:100vh;animation:pageAppear .76s var(--ease) both}.page.is-active{display:block}@keyframes pageAppear{from{opacity:0;transform:translateY(25px);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.hero-universe{min-height:830px;height:min(940px,100svh);max-height:990px;position:relative;background:radial-gradient(ellipse 58% 78% at 24% 44%,#715bc8 0%,#3446b9 48%,transparent 100%),radial-gradient(ellipse at 85% 85%,#e49191 0%,transparent 32%),#1b245a;overflow:hidden;color:#fff;display:grid;grid-template-columns:1.06fr 1fr;gap:10px;align-items:center;padding:calc(var(--header) + 30px) clamp(30px,6.3vw,112px) 65px;isolation:isolate}.hero-universe:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#1d234a38,transparent 62%),radial-gradient(circle at 50% -10%,#ffffff26,transparent 46%);z-index:-1}.hero-halo{position:absolute;pointer-events:none;border-radius:50%;border:1px solid #ffffff25}.halo-a{width:740px;height:740px;left:-125px;top:5%;box-shadow:0 0 0 48px #ffffff06,0 0 0 110px #ffffff04}.halo-b{width:460px;height:460px;right:-240px;bottom:-230px;border:60px solid #faaf8c16}.hero-grid{position:absolute;inset:0;opacity:.19;background-image:linear-gradient(#fff2 1px,transparent 1px),linear-gradient(90deg,#fff2 1px,transparent 1px);background-size:120px 120px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.hero-topline{position:absolute;top:calc(var(--header) + 31px);left:clamp(25px,6.3vw,112px);right:clamp(25px,6.3vw,112px);display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;letter-spacing:2px;color:#ece4e3aa}.serial{display:flex;align-items:center;gap:10px;letter-spacing:1px}.serial-icon{font-size:24px;color:var(--apricot)}.coordinates{direction:ltr}.hero-copy{z-index:7;position:relative;min-width:0;max-width:720px}.eyebrow{font-size:12px;display:flex;align-items:center;gap:9px;color:#ffd7be;letter-spacing:.4px;margin-bottom:20px}.orb-dot{display:inline-block;flex-shrink:0;width:8px;height:8px;background:#ffb17e;border-radius:50%;box-shadow:0 0 0 6px #ffb17e25}.hero-title{margin:0;font-size:clamp(46px,5.8vw,100px);line-height:1.23;font-weight:900;letter-spacing:-4px;text-shadow:0 20px 50px #25225750}.hero-title em{font-family:Georgia,Tahoma,serif;font-style:normal;color:#ffc6a4;letter-spacing:-4px}.hero-title strong{font-size:.88em;font-weight:900;letter-spacing:-4px}.hero-body{font-size:clamp(14px,1.25vw,18px);line-height:2.1;max-width:500px;color:#f7eff1da;margin:26px 0 29px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.pill-primary,.pill-outline{border:0;min-height:57px;padding:5px 23px;border-radius:60px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-weight:800;font-size:13px;transition:transform .32s var(--ease),box-shadow .32s,background .32s}.pill-primary{color:#212450;background:#ffc6a4;box-shadow:0 12px 44px #10174538}.pill-primary b{display:grid;place-items:center;border-radius:50%;width:30px;height:30px;background:#212450;color:white;font:18px Arial}.pill-primary:hover{transform:translateY(-5px) scale(1.025);box-shadow:0 16px 55px #ffb58b55}.pill-outline{border:1px solid #ffffff66;color:white;background:#ffffff0b}.pill-outline:hover{background:#ffffff22;transform:translateY(-4px)}.tiny-play{border:1px solid #fffa;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:10px}.hero-bottomline{display:flex;align-items:center;gap:14px;font-size:11px;color:#f5edffaf;margin-top:39px}.line-stroke{display:block;height:1px;width:46px;background:#ffc6a4}.hero-stage{height:630px;min-width:0;position:relative;z-index:5;transform-style:preserve-3d}.glowing-aura{position:absolute;inset:10% 4%;background:radial-gradient(ellipse,#b5b7ff90,#4960e900 64%);filter:blur(22px);transform:rotate(-15deg);animation:breath 7s ease-in-out infinite}.orbit{position:absolute;border:1px solid #ffffff5e;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.orbit-one{inset:0% 2%;animation:orbitFloat 18s linear infinite}.orbit-two{inset:18% -12%;border-style:dashed;opacity:.35;animation:orbitFloat 23s linear reverse infinite}.photo-sculpture{position:absolute;inset:9% 16% 3% 13%;border-radius:260px 260px 130px 130px;overflow:hidden;background:#e7b49e;box-shadow:0 43px 75px #121c5c77,0 0 0 10px #dfe0fd1f;transform:rotate(-5deg);transition:transform 1s var(--ease);animation:sculptureFloat 9s ease-in-out infinite}.photo-sculpture img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.9) contrast(1.08)}.photo-sculpture:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#1a2259d1)}.photo-caption{position:absolute;z-index:2;bottom:30px;left:30px;right:25px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:white}.photo-caption span{font:10px Arial;letter-spacing:2px}.photo-caption b{font-size:11px}.flying-sheet{position:absolute;background:#fff;box-shadow:0 19px 50px #1920594f;overflow:hidden;transform-style:preserve-3d}.sheet-one{width:40%;height:310px;top:12%;right:-7%;transform:rotate(13deg);padding:13px;display:flex;flex-direction:column;z-index:4;animation:fly1 7s ease-in-out infinite}.sheet-line{display:flex;justify-content:space-between;align-items:center;color:#283bee;font:900 21px Georgia}.sheet-line small{font:8px Arial;letter-spacing:1px}.sheet-visual{flex:1;background:#fdd6b4;position:relative;overflow:hidden;margin:12px 0}.sheet-sun{position:absolute;width:90px;height:90px;border-radius:50%;background:#fa5e57;top:12%;left:25%}.sheet-wave{position:absolute;width:140%;height:120px;background:#443dfa;bottom:-40px;left:-20%;border-radius:50% 50% 0 0;transform:rotate(-17deg)}.sheet-wave.v2{background:#2a8fbd;bottom:-72px;transform:rotate(14deg)}.sheet-footer{display:flex;justify-content:space-between;color:#2438ef;font:9px Arial;letter-spacing:.5px}.sheet-two{width:46%;height:148px;bottom:11%;left:-14%;transform:rotate(-13deg);z-index:6;animation:fly2 8s ease-in-out infinite}.sheet-two img{width:100%;height:100%;object-fit:cover}.sheet-two span{position:absolute;bottom:5px;left:8px;background:#29204d;color:white;font:8px Arial;letter-spacing:2px;padding:5px}.floating-sticker{position:absolute;border-radius:50%;background:#fdc9a3;color:#2531a3;width:92px;height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;font-size:27px;font-family:Georgia;z-index:7;box-shadow:0 20px 55px #1d245e40}.floating-sticker small{font:700 10px Arial;text-align:center;line-height:1.2;margin-top:7px}.sticker-one{top:2%;left:3%;transform:rotate(-16deg)}.sticker-two{bottom:5%;right:0%;background:#272f80;color:white;transform:rotate(13deg)}.stage-note{position:absolute;bottom:0;left:14%;color:#eee9ff80;font:9px Arial;letter-spacing:2px}.hero-side-label{position:absolute;bottom:40px;inset-inline-end:clamp(30px,6.3vw,112px);font:9px Arial;letter-spacing:3px;color:#fff9}.hero-side-label span{font-size:18px;color:#ffc6a4}.hero-scroll-index{position:absolute;bottom:41px;inset-inline-start:clamp(30px,6.3vw,112px);display:flex;align-items:center;gap:12px;font:11px Arial;direction:ltr}.hero-scroll-index i{display:block;width:110px;height:1px;background:linear-gradient(to right,#ffc6a4 18%,#ffffff33 18%)}.ticker-strip{height:78px;background:#ffb59b;color:#283bdb;display:flex;align-items:center;overflow:hidden;direction:ltr}.ticker-track{display:flex;flex-shrink:0;white-space:nowrap;gap:3rem;animation:marquee 24s linear infinite;font:bold clamp(21px,2.2vw,36px) Georgia,serif;letter-spacing:3px}.ticker-track span{flex-shrink:0}
.manifesto{position:relative;background:#f5f2eb;min-height:670px;padding:115px 10vw 100px;overflow:hidden;display:grid;grid-template-columns:170px 1fr;gap:10px;align-items:start}.manifesto-flag{display:flex;justify-content:space-between;flex-direction:column;align-items:flex-start;height:100%;font:10px Arial;letter-spacing:2px;color:var(--blue)}.manifesto-flag b{font-size:58px;font-weight:400;transform:rotate(17deg)}.manifesto-text{font-size:clamp(36px,5.7vw,86px);line-height:1.4;letter-spacing:-3px;font-weight:900;position:relative;z-index:1}.manifesto-text .quiet{color:#b5b5bb}.stroke-text{color:transparent;-webkit-text-stroke:1.4px #303de9}.manifesto-caption{grid-column:2;font-size:clamp(14px,1.35vw,19px);max-width:630px;line-height:2.2;color:#676c76;margin:10px 0 0}.manifesto-small-seal{position:absolute;bottom:8%;inset-inline-end:8%;width:130px;height:130px;border:1px solid #2634f5;border-radius:50%;display:grid;place-items:center;transform:rotate(-12deg);color:#2634f5;font:italic 80px Georgia;line-height:.7}.manifesto-small-seal i{font-size:21px;position:absolute;bottom:19px}
.transformation{background:#e5e6fa;padding:110px max(5vw,22px) 120px;position:relative;overflow:hidden}.transformation-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#565c82;margin-bottom:5px}.section-numeral{font:10px Arial,sans-serif;letter-spacing:2.2px;font-weight:700}.transformation h2,.cinema h2{font-size:clamp(40px,5.5vw,78px);line-height:1.33;margin:20px 0 38px;letter-spacing:-2px}.transformation h2 em,.cinema h2 em{font-style:normal;color:#4250dc}.before-after{height:clamp(320px,48vw,610px);position:relative;border-radius:20px;overflow:hidden;direction:ltr;background:#11162f;box-shadow:0 30px 65px #17245430;border:6px solid #f6f7ff}.compare-after,.compare-before{position:absolute;inset:0;overflow:hidden}.compare-after{background:radial-gradient(circle at 65% 30%,#5a6af0,#24275b 80%)}.compare-inner{position:absolute;inset:6% 10%;display:grid;place-items:center}.fake-app{height:100%;width:min(850px,100%);background:#131a32;border:8px solid #11152b;border-radius:15px;overflow:hidden;box-shadow:0 30px 90px #07092399;transform:rotate(-3deg)}.fake-app-top{height:15%;background:#232c49;display:flex;justify-content:space-between;align-items:center;padding:0 4%;color:#fff}.mini-brand{font:900 clamp(14px,2vw,28px) Georgia;color:#ffd5bb}.mini-brand span{font-size:12px}.fake-app-top>div{display:flex;gap:5px}.fake-app-top>div i{width:7px;height:7px;border-radius:50%;background:#f6cba6}.fake-app-top small{font:8px Arial;letter-spacing:2px;color:#aebae8}.fake-app-body{height:85%;display:flex}.fake-app-body aside{width:9%;background:#171f3a;display:flex;flex-direction:column;gap:17px;align-items:center;padding-top:20px;color:#aec2f6;font-size:19px}.fake-app-body article{flex:1;padding:2.5%;min-width:0}.fake-file-head{color:white;display:flex;justify-content:space-between;font:9px Arial;letter-spacing:1px}.fake-file-head span{color:#66e6a3}.file-grid{display:flex;height:72%;gap:5%;padding:12px 0}.sample-print{width:55%;position:relative;overflow:hidden;background:#fbd3ba;box-shadow:0 0 0 5px #f5f5f7}.art-sun{position:absolute;width:38%;aspect-ratio:1;border-radius:50%;background:#ff7553;top:8%;left:31%}.art-hills{position:absolute;bottom:-25%;height:65%;left:-5%;right:-5%;border-radius:50% 60% 0 0;background:#4258e7;transform:rotate(-8deg)}.art-hills:after{content:'';position:absolute;left:40%;right:-30%;top:30%;bottom:0;background:#91c9da;border-radius:50% 0}.art-txt{position:absolute;top:15%;left:7%;font:900 clamp(13px,3vw,40px) Arial;color:#fff;letter-spacing:3px;mix-blend-mode:overlay}.mini-stack{flex:1;display:flex;flex-direction:column;gap:8px}.mini-stack .doc{flex:1;background:#313b60;border-left:5px solid #ffc6a4;padding:12px;display:flex;flex-direction:column;gap:8px}.mini-stack .doc.two{border-color:#77d7dc}.mini-stack .doc.three{border-color:#bbb0ff}.mini-stack i{height:4px;background:#818ba8;width:80%;border-radius:3px}.mini-stack i:nth-child(2){width:50%}.mini-stack i:nth-child(3){width:70%}.app-bottom{height:16%;display:flex;justify-content:space-between;align-items:center;color:#afc6e5;font:8px Arial}.app-bottom strong{background:#ffc6a4;color:#101633;padding:10px 16px;border-radius:3px}.compare-before{background:linear-gradient(135deg,#161421,#30243a);clip-path:inset(0 50% 0 0)}.chaos-art{width:100%;height:100%;position:relative;background:repeating-linear-gradient(0deg,#ffffff06 0,#ffffff06 1px,transparent 1px,transparent 60px)}.chaos-window{position:absolute;background:#e8e6ea;box-shadow:0 20px 35px #0008;color:#2d2a34;padding:20px;font:900 16px Arial;border-top:20px solid #5361ae}.chaos-window div{height:11px;background:#c4bed0;margin-top:18px;border-radius:2px}.chaos-window span{float:right;color:#ff4545}.w1{width:45%;height:54%;left:13%;top:15%;transform:rotate(-13deg)}.w2{width:46%;height:25%;left:46%;top:23%;background:#ffddd5;border-color:#c57a79;transform:rotate(14deg)}.w3{width:41%;height:34%;left:39%;top:51%;transform:rotate(-8deg)}.chaos-paper{position:absolute;bottom:2%;left:2%;font:900 clamp(70px,10vw,160px) Arial;color:#fd8d82;transform:rotate(18deg);opacity:.65}.chaos-paper small{font:12px Arial;display:block}.compare-label{position:absolute;z-index:3;bottom:27px;border-radius:30px;padding:12px 17px;font-size:12px;font-weight:bold;box-shadow:0 10px 30px #0004}.compare-label.before{left:25px;background:#e8e2e9;color:#25233d}.compare-label.after{right:25px;background:#bde9c2;color:#273d4c}.before-after input{position:absolute;z-index:10;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.compare-handle{position:absolute;z-index:5;top:50%;left:50%;height:62px;width:62px;display:grid;place-items:center;border:6px solid #fff;border-radius:50%;background:#ffb898;color:#232e79;font:900 22px Arial;transform:translate(-50%,-50%);box-shadow:0 0 0 3000px transparent;pointer-events:none}.compare-handle:before{content:'';position:absolute;width:3px;background:white;height:900px;top:50%;left:calc(50% - 1px);transform:translateY(-50%);z-index:-1}
.spotlight{min-height:800px;display:grid;grid-template-columns:.8fr 1.2fr;background:#f7f3ea;gap:5vw;padding:120px 8vw;align-items:center}.spotlight-left{display:flex;flex-direction:column;align-items:flex-start}.spotlight-left .section-numeral{color:var(--blue)}.spotlight-left h2{font-size:clamp(37px,4.8vw,74px);margin:28px 0 20px;line-height:1.35;letter-spacing:-2px}.spotlight-left h2 em{font-style:normal;color:#4e53ed}.spotlight-left p{font-size:15px;line-height:2;max-width:370px;color:#6d7281}.text-link{font-size:14px;margin-top:20px;color:var(--blue);border-bottom:2px solid var(--blue);padding-bottom:12px;font-weight:bold}.feature-counter{font:12px Arial;margin-top:75px;color:#a3a4ae}.feature-counter b{font:italic 92px Georgia;color:#2634c8;letter-spacing:-8px}.spotlight-right{position:relative}.spot-image-wrap{height:450px;background:#1a233e;position:relative;overflow:hidden;border:12px solid #ebe9f9;box-shadow:0 35px 80px #212c783a;transform:rotate(2deg);transition:transform .7s var(--ease)}.spot-image-wrap:hover{transform:rotate(0) scale(1.015)}.spot-image-wrap:before{content:'';position:absolute;top:-80px;left:-10px;width:150px;height:800px;transform:rotate(30deg);background:linear-gradient(90deg,transparent,#ffffff19,transparent);z-index:2;animation:sheen 9s linear infinite}.spot-image-wrap img{width:100%;height:100%;object-fit:cover}.image-side-label{position:absolute;bottom:12px;left:20px;background:#f3c4a6;color:#18228a;padding:8px 12px;font:10px Arial;letter-spacing:2px}.spot-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:24px}.spot-bottom span{font:10px Arial;color:#4759a6;letter-spacing:2px}.spot-bottom h3{font-size:26px;margin:10px 0}.spot-bottom p{font-size:14px;color:#7a7e89}.spot-controls{display:flex;gap:9px;direction:ltr}.spot-controls button{border:1px solid #2436c7;color:#2436c7;background:transparent;font:24px Arial;width:46px;height:46px;border-radius:50%;transition:background .3s,color .3s}.spot-controls button:hover{background:#2436c7;color:white}
.cinema{background:#161c50;color:#f9f7f3;padding:110px 6vw 150px;overflow:hidden;position:relative}.cinema:before{content:'PLAY';position:absolute;right:-5vw;top:10%;font:900 28vw Arial;color:#ffffff04;pointer-events:none}.cinema-intro{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:45px}.cinema h2{margin:14px 0 0}.cinema h2 em{color:#ffb48f}.cinema-intro>p{max-width:320px;color:#c0c3da;font-size:13px;line-height:2}.cinema-collage{position:relative;display:grid;grid-template-columns:1.35fr .55fr .55fr;grid-template-rows:390px;gap:16px;align-items:stretch;direction:ltr}.cinema-collage button{border:0;padding:0;position:relative;color:white;text-align:left;overflow:hidden;background:#202954;min-width:0}.cinema-collage video,.cinema-collage img{width:100%;height:100%;object-fit:cover;filter:brightness(.7) saturate(.9);transition:filter .5s,transform .7s var(--ease)}.cinema-collage button:hover video,.cinema-collage button:hover img{filter:brightness(.9);transform:scale(1.07)}.cinema-secondary.short{transform:translateY(50px)}.cinema-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:82px;width:82px;background:#ffc4a1;color:#2835a4;border-radius:50%;display:grid;place-items:center;padding-left:4px;font:24px Arial;box-shadow:0 0 0 15px #ffffff25;transition:transform .4s}.cinema-collage button:hover .cinema-play{transform:translate(-50%,-50%) scale(1.14)}.cinema-collage .cinema-secondary .cinema-play{height:52px;width:52px;font-size:14px}.cinema-label,.cinema-secondary>span:last-child{position:absolute;bottom:22px;left:24px;z-index:2;font:10px Arial;letter-spacing:2px}.cinema-script{position:absolute;bottom:-105px;right:1%;font:italic 26px Georgia;color:#ffc4a1}.cinema-script i{font-size:19px;color:#ffffff9c}
.trial-portal{min-height:650px;background:#fab896;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:70px 20px;color:#2432a5}.trial-portal .portal-orbit{position:absolute;width:540px;height:540px;border-radius:50%;border:1px solid #2d35c25b;box-shadow:0 0 0 48px #2d35c20e,0 0 0 96px #2d35c20b;animation:breath 8s ease infinite}.trial-portal h2{font-size:clamp(56px,7vw,110px);line-height:1.23;letter-spacing:-4px;margin:23px 0 14px;position:relative}.trial-portal h2 em{color:#fffdf9;font-style:normal;text-shadow:0 10px 30px #2446ad14}.trial-portal p{font-size:15px;max-width:540px;line-height:2;position:relative}.portal-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#2232c2;color:white;border-radius:40px;margin:20px 0 55px;padding:19px 21px 19px 35px;font-size:15px;min-width:285px;box-shadow:0 22px 40px #2844b048;transition:transform .3s}.portal-cta:hover{transform:translateY(-6px)}.portal-cta b{font:30px Arial}.trial-portal>small{position:relative;font:10px Arial;letter-spacing:2px}
.sub-hero{position:relative;min-height:470px;overflow:hidden;padding:calc(var(--header) + 86px) 9vw 75px;color:#faf7f0;isolation:isolate}.sub-hero.violet{background:#3b40aa}.sub-hero.coral{background:#ec876f;color:#242854}.sub-hero.cobalt{background:#2034b3}.sub-hero:before{content:'';position:absolute;width:600px;height:600px;border:1px solid #ffffff3c;border-radius:50%;top:-220px;right:-80px;box-shadow:0 0 0 60px #ffffff0b,0 0 0 120px #ffffff09;z-index:-1}.sub-hero:after{content:'✳';font-size:180px;position:absolute;top:-25px;left:10vw;opacity:.09;transform:rotate(-19deg);z-index:-1}.sub-hero h1{font-size:clamp(50px,7vw,110px);margin:24px 0 14px;line-height:1.19;letter-spacing:-5px}.sub-hero h1 em{font-style:normal;color:#ffcbad}.sub-hero.coral h1 em{color:#fff9f1}.sub-hero p{font-size:15px;line-height:2;max-width:670px}.ghost-number{position:absolute;bottom:-70px;left:2%;font:900 clamp(160px,22vw,400px) Arial;letter-spacing:-25px;opacity:.08;pointer-events:none;direction:ltr}
.feature-browser{padding:90px 7vw 130px}.feature-browser-top{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}.feature-browser-top h2{font-size:clamp(28px,4vw,55px);margin:18px 0}.feature-browser input[type=search]{border:0;border-bottom:2px solid #232fb7;background:transparent;padding:15px;font-size:15px;min-width:min(330px,100%);color:#141633;outline:0}.filter-pills{display:flex;flex-wrap:wrap;gap:9px;margin:35px 0 22px}.filter-pills button{border:1px solid #b7b7c2;padding:11px 18px;border-radius:40px;background:none;font-size:12px;color:#575e71;transition:all .25s}.filter-pills button.active,.filter-pills button:hover{border-color:#3343e1;background:#3343e1;color:white}.feature-result-count{font:11px Arial;color:#7c7e8e;letter-spacing:1px;text-align:end;margin-bottom:13px}.feature-list{border-top:1px solid #c3c4ce}.feature-item{display:flex;align-items:center;gap:20px;border-bottom:1px solid #c3c4ce;padding:25px 5px;transition:background .35s,padding .35s}.feature-item:hover{background:#e8e8f9;padding-inline:25px}.feature-item .number{font:italic 23px Georgia;color:#303de3;width:55px}.feature-item strong{font-size:19px;flex:1}.feature-item .f-tag{font-size:11px;color:#8688a0;width:125px}.feature-item .arr{font:25px Arial;color:#303de3}.feature-item p{font-size:12px;line-height:1.6;color:#767a8a;max-width:350px;margin:0}
.gallery-screen{padding:100px 7vw}.gallery-mosaic{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:235px;gap:16px;margin:40px 0 100px}.gallery-mosaic figure{margin:0;overflow:hidden;position:relative;background:#293555;border:8px solid #fff;box-shadow:0 18px 43px #24326720}.gallery-mosaic figure.mosaic-large{grid-column:span 2;grid-row:span 2}.gallery-mosaic figure img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.gallery-mosaic figure:hover img{transform:scale(1.07)}.gallery-mosaic figcaption{position:absolute;bottom:14px;left:14px;background:#fffffff0;color:#222e5f;font:10px Arial;letter-spacing:1px;padding:9px 11px}.gallery-video-list{border-top:1px solid #bdbeca}.gallery-video-list button{background:none;border:0;border-bottom:1px solid #bdbeca;padding:23px 10px;width:100%;display:flex;gap:25px;align-items:center;text-align:start;color:#2933b0;transition:background .3s}.gallery-video-list button:hover{background:#e8e8ff}.gallery-video-list button span:first-child{font:italic 23px Georgia}.gallery-video-list button b{font-size:clamp(15px,2.2vw,27px);color:var(--ink);flex:1}.gallery-video-list button span:last-child{font:27px Arial}
.download-stage{padding:95px 7vw 130px}.download-road{display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;gap:0}.download-choice{background:#e2e5fa;min-height:405px;padding:53px 38px;position:relative;overflow:hidden}.download-choice.store{background:#ffd4bd}.choice-index{font:11px Arial;letter-spacing:2px;color:#3949aa}.download-icon{font:70px Arial;color:#3142ce;margin-top:30px}.download-choice h2{font-size:30px;margin:0 0 20px}.download-choice p{font-size:14px;line-height:2;color:#636b87;min-height:65px}.download-choice.store p{color:#82584d}.versus{text-align:center;color:#293bc4;font:italic 39px Georgia}.soft-button{border:0;background:#2c3ed9;color:white;border-radius:35px;padding:17px 26px;display:inline-flex;gap:25px;align-items:center;font-weight:800;font-size:13px;transition:transform .35s,background .35s}.soft-button:hover{transform:translateY(-5px);background:#171e83}.download-faqline{display:flex;flex-wrap:wrap;justify-content:center;gap:35px;margin:42px 0 70px;font-size:12px;color:#4a55ab}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b8bdca}.process-steps>div{border-inline-end:1px solid #b8bdca;min-height:180px;padding:25px}.process-steps b{display:block;font:italic 46px Georgia;color:#3141dd}.process-steps span{display:block;font-size:17px;font-weight:bold;margin-top:15px}
.pricing-zone{padding:95px 7vw 120px}.pricing-note{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:37px}.not-real{font:10px Arial;letter-spacing:1px;background:#ffbba0;padding:9px 13px;border-radius:3px}.pricing-note p{font-size:13px;color:#6a6b79}.price-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.price-plan{background:#eeedf2;min-height:460px;padding:40px 26px;position:relative;transition:background .4s,transform .4s;overflow:hidden}.price-plan:hover{transform:translateY(-12px);background:#e2e3fb}.price-plan.chosen{background:#3345df;color:white}.price-plan.chosen .price-number,.price-plan.chosen p{color:#e4e7ff}.price-number{font:italic 28px Georgia;color:#3649ce}.price-plan h3{font-size:22px;margin:58px 0 17px}.price-value{font:900 clamp(40px,4vw,67px) Arial;letter-spacing:-4px;white-space:nowrap;direction:ltr;text-align:start}.price-value small{font:14px Arial;letter-spacing:0}.price-plan p{font-size:13px;color:#727586;line-height:1.8;margin-top:21px}.price-go{position:absolute;bottom:25px;inset-inline-end:26px;background:#2738be;color:white;border:0;width:52px;height:52px;border-radius:50%;font:30px Arial}.price-plan.chosen .price-go{background:#ffc3a1;color:#2934ae}.popular-label{position:absolute;top:10px;left:15px;background:#ffbc9e;color:#2036bb;font-size:10px;padding:8px 10px}.pricing-footer{background:#ffb79c;display:flex;align-items:center;gap:22px;margin-top:19px;padding:35px;color:#293abc}.pricing-footer b{font:900 36px Arial;white-space:nowrap}.pricing-footer span{flex:1}.pricing-footer>a{font:32px Arial}
.help-roadmap{padding:95px 9vw 130px}.help-overline{font:12px Arial;letter-spacing:3px;color:#3a45ca;margin-bottom:36px}.help-step{border-top:1px solid #bcbec9;padding:30px 0;display:grid;grid-template-columns:110px 1fr 40px;gap:20px;align-items:center}.help-step>span{font:italic 52px Georgia;color:#4555d1}.help-step h2{font-size:clamp(20px,3vw,38px);margin:0 0 11px}.help-step p{font-size:14px;color:#727789;line-height:1.8;margin:0}.help-step>b{font:30px Arial;color:#3a42c2}.help-step:last-of-type{border-bottom:1px solid #bcbec9}.help-support{margin-top:85px;background:#e3e4fb;min-height:240px;padding:45px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.help-support>span{color:#4150c0;font:10px Arial;letter-spacing:2px}.help-support h2{font-size:35px;flex:1}.help-support>a{border-radius:30px;background:#3242d6;color:#fff;padding:15px 22px}
.faq-section{padding:80px 15vw 150px}.faq-item{border-bottom:1px solid #c9c9d5}.faq-question{display:flex;align-items:center;gap:25px;width:100%;padding:26px 0;background:none;border:none;text-align:start;color:var(--ink)}.faq-question b{font:italic 23px Georgia;color:#3f4bd0;width:37px}.faq-question span{flex:1;font-weight:800;font-size:20px}.faq-question i{font:30px Arial;color:#3442b1;transition:transform .3s;font-style:normal}.faq-question[aria-expanded=true] i{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .5s var(--ease);color:#696e81;font-size:15px;line-height:2.1}.faq-item.open .faq-answer{max-height:300px}.faq-answer p{margin:0 0 24px 58px}
.contact-world{padding:100px 9vw 150px;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact-mood{font:100px Georgia;color:#f18f74}.contact-left h2{font-size:clamp(35px,5vw,65px);margin:8px 0 15px}.contact-left p{font-size:14px;color:#777988;line-height:2.2;max-width:470px}.contact-platform{padding:22px 0;border-bottom:1px solid #c9c8cc;display:flex;align-items:center;gap:24px}.contact-platform>span{font:italic 26px Georgia;color:#3d4bd9}.contact-platform>div{flex:1}.contact-platform b{display:block;font:11px Arial;letter-spacing:2px}.contact-platform small{font-size:12px;color:#7a7a83}.contact-platform strong{font:25px Arial;color:#3745be}.contact-form{padding:45px;background:#dedff5;display:flex;flex-direction:column;gap:23px}.contact-form label{display:flex;flex-direction:column;gap:11px;font-size:13px}.contact-form input,.contact-form textarea{width:100%;background:#f8f7fb;border:1px solid #ddddeb;color:#171b35;padding:15px 12px;border-radius:0;outline:0}.contact-form input:focus,.contact-form textarea:focus{border-color:#3242d6}.form-notice{font-size:11px;color:#77788a;margin:0}
.global-footer{background:#171c4a;color:#fff;min-height:210px;padding:50px 6vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-word{font:900 clamp(75px,11vw,160px) Georgia;color:#ffc1a0;line-height:1;letter-spacing:-10px}.footer-word span{font:20px Arial;vertical-align:top;letter-spacing:0}.global-footer>div{text-align:center}.global-footer p{font:11px Arial;letter-spacing:2px}.global-footer small{font-size:11px;color:#a9aed4}.global-footer button{border:1px solid #fff7;border-radius:50%;width:49px;height:49px;background:none;color:white;font:27px Arial}
.music-dock{position:fixed;z-index:65;bottom:20px;left:20px;display:flex;align-items:center;gap:14px;direction:ltr;background:#202951ee;color:#fff;min-height:70px;max-width:calc(100vw - 40px);width:405px;padding:10px 16px 10px 10px;border-radius:50px;box-shadow:0 15px 50px #080a2040;border:1px solid #ffffff38;backdrop-filter:blur(18px)}.music-start{width:47px;height:47px;border:0;border-radius:50%;background:#ffc2a0;color:#18245a;flex-shrink:0;font:16px Arial}.music-titles{min-width:0;flex:1}.music-titles small{display:block;font:8px Arial;letter-spacing:1.8px;color:#acafe0}.music-titles div{font:bold 11px Arial;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-animation{display:flex;height:23px;gap:2px;align-items:center}.music-animation i{height:25%;width:2px;background:#ffc2a0}.music-dock.playing .music-animation i{animation:bounceWave .5s alternate infinite}.music-dock.playing .music-animation i:nth-child(3n){animation-delay:.2s}.music-dock.playing .music-animation i:nth-child(2n){animation-delay:.33s}.music-next,.music-tracklist{background:none;border:0;color:#fff;font:20px Arial;padding:4px}.music-dock>input[type=range]{width:42px;accent-color:#ffc2a0}.music-menu{position:absolute;bottom:calc(100% + 11px);left:15px;right:15px;border-radius:20px;background:#1e2752;border:1px solid #ffffff36;box-shadow:0 18px 45px #0e142866;padding:9px;display:none}.music-menu.open{display:block}.music-menu button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;border:0;background:none;color:#dfe1fd;border-radius:10px;padding:12px;font:11px Arial}.music-menu button:hover,.music-menu button.active{background:#ffffff1e;color:#ffc3a0}
.video-modal{position:fixed;inset:0;z-index:100;background:#090d21e9;display:none;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(16px)}.video-modal.open{display:flex}.video-modal-inside{width:min(950px,100%)}.video-modal-head{display:flex;justify-content:space-between;color:#fff;margin-bottom:10px;gap:10px;font:10px Arial;letter-spacing:2px}.video-modal video{width:100%;max-height:75vh;background:#000;object-fit:contain;box-shadow:0 30px 90px #0008}.video-modal p{color:#d4d1e1;font-size:12px;text-align:center}.modal-close{position:absolute;top:25px;right:33px;width:45px;height:45px;background:#ffbd9e;border:0;border-radius:50%;font:27px Arial;color:#17215c}.toast{position:fixed;bottom:110px;right:20px;z-index:110;background:#293bd9;color:white;padding:16px 20px;max-width:min(400px,90vw);box-shadow:0 15px 50px #0e14395c;font-size:13px;line-height:1.8;border-left:5px solid #ffbc9c;transform:translateY(15px);opacity:0;pointer-events:none;transition:all .3s}.toast.show{opacity:1;transform:none}
.intro-overlay{position:fixed;inset:0;z-index:200;background:#2936cc;display:grid;place-items:center;animation:introExit 1.2s var(--ease) 1.65s forwards;pointer-events:none}.intro-inner{text-align:center;color:white;position:relative}.intro-orbit{position:absolute;width:220px;height:220px;border-radius:50%;border:1px solid #ffffff86;inset:50% auto auto 50%;transform:translate(-50%,-50%) rotate(-26deg);box-shadow:0 0 0 55px #ffffff0c;animation:introHalo 2s ease-in-out both}.intro-word{font:bold clamp(80px,15vw,170px) Georgia;letter-spacing:-12px;position:relative}.intro-word span{font-size:.25em;vertical-align:top;color:#ffbd9d}.intro-inner p{font:10px Arial;letter-spacing:4px;position:relative}.intro-overlay.done{display:none}
@keyframes introExit{to{transform:translateY(-105%);border-radius:0 0 50% 50%}}@keyframes introHalo{0%{opacity:0;scale:.5}100%{opacity:1;scale:1.1}}@keyframes fly1{0%,100%{transform:translateY(0) rotate(13deg)}50%{transform:translateY(-21px) rotate(16deg)}}@keyframes fly2{0%,100%{transform:translateY(0) rotate(-13deg)}50%{transform:translateY(20px) rotate(-10deg)}}@keyframes sculptureFloat{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-13px) rotate(-4deg)}}@keyframes orbitFloat{to{transform:rotate(335deg)}}@keyframes breath{50%{opacity:.65;transform:scale(1.09)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes bounceWave{to{height:85%}}@keyframes sheen{0%{left:-250px}100%{left:120%}}
[dir=ltr] .hero-title,[dir=ltr] .sub-hero h1{letter-spacing:-3px}[dir=ltr] .manifesto-text{letter-spacing:-2px}[dir=ltr] .hero-copy{max-width:650px}[dir=ltr] .hero-title{font-size:clamp(50px,6vw,92px)}
@media(max-width:1250px){.site-header{gap:10px}.main-nav{gap:11px}.logo{min-width:135px}.logo-text{font-size:30px}.nav-link{font-size:10px}.hero-universe{padding-inline:5vw}.hero-title{font-size:clamp(48px,6vw,77px)}.hero-stage{height:550px}.photo-sculpture{inset:11% 12% 6% 10%}.floating-sticker{height:69px;width:69px;font-size:22px}.floating-sticker small{font-size:8px}.hero-universe{height:auto;min-height:780px}.spotlight{padding-inline:5vw}}
@media(max-width:900px){:root{--header:66px}.site-header{padding:0 15px;gap:12px}.logo{min-width:105px}.logo-text{font-size:28px}.logo-text b{font-size:6px;letter-spacing:4px}.logo-crown{font-size:15px}.logo-period{font-size:40px}.main-nav{order:3;position:absolute;left:0;right:0;top:var(--header);height:50px;background:#f5f2eaf5;border-bottom:1px solid #2434e52b;justify-content:flex-start;overflow:auto;padding:0 12px;gap:24px;scrollbar-width:none}.nav-link{padding:15px 0;font-size:12px}.nav-link:after{bottom:6px}.site-header{justify-content:space-between}.lang-button{padding:8px 11px}.sound-circle{width:33px;height:33px}.hero-universe{min-height:920px;padding-top:145px;grid-template-columns:1fr 1fr;gap:5px}.hero-topline{top:125px}.hero-title{font-size:clamp(42px,5.5vw,66px);letter-spacing:-2px}.hero-title em,.hero-title strong{letter-spacing:-2px}.hero-stage{height:500px}.sheet-one{height:220px}.manifesto{padding:90px 6vw;grid-template-columns:120px 1fr}.manifesto-text{font-size:5.8vw}.cinema-collage{grid-template-rows:310px}.spotlight{min-height:640px;gap:20px}.spot-image-wrap{height:310px}.price-rail{grid-template-columns:repeat(2,1fr)}.price-plan{min-height:400px}.download-road{grid-template-columns:1fr 65px 1fr}.contact-world{gap:35px}}
@media(max-width:650px){:root{--header:61px}.site-header{padding:0 14px}.logo-text{font-size:27px}.main-nav{height:48px}.nav-link{font-size:11px}.header-actions{gap:6px}.hero-universe{min-height:0;height:auto;display:flex;flex-direction:column;gap:0;padding:160px 22px 46px}.hero-topline{top:124px;left:23px;right:23px}.coordinates{font-size:8px}.hero-copy{order:1;width:100%;text-align:right}.eyebrow{margin-bottom:17px;font-size:10px}.hero-title{font-size:clamp(43px,11vw,76px);line-height:1.25;letter-spacing:-3px}.hero-title em,.hero-title strong{letter-spacing:-3px}.hero-body{font-size:13px;line-height:1.95;margin:22px 0}.hero-buttons{gap:8px}.pill-primary,.pill-outline{min-height:47px;padding:5px 13px;font-size:11px;gap:7px}.pill-primary b,.tiny-play{width:24px;height:24px;font-size:12px}.hero-bottomline{margin-top:18px;font-size:10px}.hero-stage{order:2;width:100%;height:460px;margin-top:25px;max-width:480px}.photo-sculpture{inset:9% 15% 5% 12%}.flying-sheet.sheet-one{width:40%;height:220px;right:-3%;top:4%;padding:8px}.sheet-line{font-size:14px}.sheet-line small{font-size:5px}.sheet-one .sheet-sun{height:55px;width:55px}.sheet-two{bottom:15%;left:-5%;height:110px;width:41%}.floating-sticker{width:60px;height:60px;top:0}.sticker-two{top:auto;right:0;bottom:8%}.stage-note{font-size:6px;left:8%}.hero-side-label,.hero-scroll-index{display:none}.ticker-strip{height:55px}.ticker-track{font-size:22px}.manifesto{display:block;min-height:0;padding:82px 24px 110px}.manifesto-flag{height:auto;display:flex;flex-direction:row;justify-content:space-between}.manifesto-flag b{font-size:25px}.manifesto-text{font-size:clamp(37px,8vw,53px);line-height:1.65;margin-top:25px;letter-spacing:-2px}.manifesto-caption{font-size:13px;line-height:2;max-width:90%}.manifesto-small-seal{height:66px;width:66px;font-size:50px;bottom:17px}.manifesto-small-seal i{font-size:13px;bottom:5px}.transformation{padding:80px 14px}.transformation-top{align-items:start;font-size:10px}.transformation-top p{max-width:155px;line-height:1.7}.transformation h2,.cinema h2{font-size:41px}.before-after{height:345px;border-width:3px;border-radius:10px}.compare-inner{inset:17% 5%}.fake-app{border:5px solid #11152b}.fake-app-top small,.fake-file-head{font-size:5px}.fake-app-body aside{font-size:10px;gap:8px}.mini-stack .doc{padding:6px}.app-bottom strong{padding:6px;font-size:6px}.app-bottom{font-size:5px}.chaos-window{padding:10px;border-width:11px;font-size:11px}.w1{top:17%;left:4%;width:70%;height:50%}.w2{top:26%;left:40%;width:53%;height:30%}.w3{top:60%;left:25%;width:65%;height:20%}.compare-label{font-size:9px;bottom:12px;padding:8px}.compare-label.before{left:10px}.compare-label.after{right:10px}.compare-handle{height:48px;width:48px}.spotlight{display:block;padding:88px 22px 105px}.spotlight-left h2{font-size:43px}.spotlight-left p{font-size:13px}.feature-counter{margin-top:26px}.feature-counter b{font-size:55px}.spotlight-right{margin-top:32px}.spot-image-wrap{height:220px;border-width:5px}.spot-bottom h3{font-size:20px}.spot-bottom p{font-size:12px}.spot-controls button{width:39px;height:39px}.cinema{padding:75px 16px 125px}.cinema-intro{display:block}.cinema-intro>p{font-size:12px}.cinema-collage{grid-template-columns:1fr 1fr;grid-template-rows:245px 155px;gap:10px}.cinema-main{grid-column:span 2}.cinema-secondary.short{transform:none}.cinema-play{height:55px;width:55px;font-size:15px}.cinema-collage .cinema-secondary .cinema-play{height:40px;width:40px;font-size:12px}.cinema-label,.cinema-secondary>span:last-child{font-size:8px;bottom:8px;left:8px}.cinema-script{font-size:17px;right:10px;bottom:-78px}.cinema-script i{font-size:14px}.trial-portal{min-height:540px}.trial-portal h2{font-size:clamp(50px,11vw,72px);letter-spacing:-3px}.trial-portal p{font-size:13px}.trial-portal .portal-orbit{width:330px;height:330px}.sub-hero{padding:165px 23px 65px;min-height:400px}.sub-hero h1{font-size:clamp(50px,11vw,70px);letter-spacing:-2px}.sub-hero p{font-size:13px}.ghost-number{font-size:140px;bottom:-35px;left:-15px}.feature-browser{padding:60px 18px 90px}.feature-browser-top h2{font-size:33px}.feature-browser input[type=search]{width:100%;min-width:0}.feature-item{gap:7px;flex-wrap:wrap;padding:20px 4px}.feature-item .number{width:37px;font-size:18px}.feature-item strong{font-size:16px;min-width:70%}.feature-item p{order:3;margin-inline-start:43px;font-size:12px;width:calc(100% - 43px)}.feature-item .f-tag{display:none}.feature-item .arr{font-size:16px}.gallery-screen{padding:62px 15px}.gallery-mosaic{gap:8px;grid-auto-rows:133px}.gallery-mosaic figure{border-width:3px}.gallery-mosaic figcaption{font-size:7px;bottom:5px;left:5px;padding:5px}.gallery-video-list button{gap:12px}.gallery-video-list button b{font-size:15px}.download-stage{padding:55px 17px 90px}.download-road{grid-template-columns:1fr}.download-choice{min-height:365px;padding:30px 28px}.download-choice h2{font-size:23px}.versus{padding:20px}.download-faqline{gap:15px;margin:33px 0 50px;font-size:11px}.process-steps{grid-template-columns:1fr 1fr}.process-steps>div{min-height:140px;padding:15px}.process-steps b{font-size:30px}.process-steps span{font-size:13px}.pricing-zone{padding:50px 12px 90px}.pricing-note{display:block;font-size:11px}.price-rail{grid-template-columns:1fr 1fr;gap:7px}.price-plan{min-height:305px;padding:29px 15px}.price-plan h3{font-size:16px;margin:42px 0 15px}.price-value{font-size:35px;letter-spacing:-3px}.price-value small{font-size:10px}.price-plan p{font-size:11px}.price-number{font-size:23px}.price-go{height:37px;width:37px;bottom:12px;right:13px;font-size:20px}.popular-label{font-size:8px;top:2px;left:4px}.pricing-footer{padding:23px;gap:10px}.pricing-footer b{font-size:20px}.pricing-footer span{font-size:11px}.help-roadmap{padding:55px 20px 90px}.help-step{grid-template-columns:48px 1fr 17px;gap:10px}.help-step>span{font-size:30px}.help-step h2{font-size:20px}.help-step p{font-size:12px}.help-step>b{font-size:19px}.help-support{padding:23px;margin-top:45px}.help-support h2{font-size:24px}.faq-section{padding:55px 20px 100px}.faq-question{gap:10px;padding:21px 0}.faq-question span{font-size:15px}.faq-question b{font-size:16px;width:30px}.faq-question i{font-size:24px}.faq-answer{font-size:12px}.faq-answer p{margin:0 0 17px 40px}.contact-world{padding:65px 19px 100px;display:block}.contact-left{margin-bottom:45px}.contact-mood{font-size:65px}.contact-form{padding:25px}.global-footer{padding:40px 20px 120px;display:block;text-align:center}.footer-word{font-size:89px;letter-spacing:-6px}.global-footer button{margin-top:25px}.music-dock{bottom:10px;left:10px;right:10px;width:auto;max-width:none;min-height:58px;padding:7px 10px;gap:9px}.music-start{width:42px;height:42px}.music-animation{display:none}.music-titles small{font-size:7px}.music-titles div{font-size:10px}.music-dock>input[type=range]{width:35px}}
@media(max-width:380px){.hero-title{font-size:40px}.hero-stage{height:390px}.nav-link{font-size:10px}.header-actions .lang-button{font-size:10px}.spot-image-wrap{height:190px}.price-value{font-size:29px}.logo-text{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.intro-overlay{display:none!important}.reveal{opacity:1;transform:none}}


/* ===========================================================
   OOJA PRINTVERSE V4.1 — interactive floating image satellites
   Keep the brand muse and bottom-left Color Lab card unchanged.
   =========================================================== */
.hero-stage{--orbit-mx:0px;--orbit-my:0px}
.hero-stage .orbit-clickable{cursor:zoom-in;-webkit-tap-highlight-color:transparent}
.hero-stage button.sheet-one{border:0;color:inherit;font-family:inherit;text-align:initial;border-radius:0}
.hero-stage .sheet-one{transition:filter .38s ease,box-shadow .38s ease;will-change:transform;transform-origin:center}
.hero-stage .sheet-one:is(:hover,:focus-visible){animation-play-state:paused;filter:brightness(1.08);box-shadow:0 30px 70px #0a12439c,0 0 0 2px #ffcbad}
.hero-stage button:focus-visible{outline:3px solid #ffd2a8;outline-offset:5px}
.orbit-expand-hint{position:absolute;right:9px;bottom:8px;display:grid;place-items:center;height:32px;width:32px;background:#273dcb;color:white;border-radius:50%;font:24px Arial;opacity:0;transform:translateY(7px);transition:opacity .3s,transform .3s;z-index:3;pointer-events:none}
.sheet-one:is(:hover,:focus-visible) .orbit-expand-hint{opacity:1;transform:translateY(0)}
.orbit-satellite{position:absolute;z-index:9;transform-style:preserve-3d;will-change:transform;transition:transform .22s cubic-bezier(.15,.7,.3,1)}
.orbit-satellite-a{top:36%;left:-11%;width:31%;height:153px;transform:translate3d(calc(var(--orbit-mx) * -1.15),calc(var(--orbit-my) * -1.05),36px)}
.orbit-satellite-b{right:-13%;bottom:25%;width:39%;height:155px;transform:translate3d(calc(var(--orbit-mx) * 1.55),calc(var(--orbit-my) * 1.26),76px)}
.orbit-image-card{display:block;position:relative;width:100%;height:100%;margin:0;padding:5px;background:#ffffffeb;border:1px solid #ffffff;border-radius:11px;box-shadow:0 24px 55px #131a66a1,0 2px 2px #ffffff40 inset;isolation:isolate;animation:orbitCardA 7.8s ease-in-out infinite alternate;transform:rotate(-13deg);transition:box-shadow .4s cubic-bezier(.2,.8,.2,1),border-color .3s ease;overflow:hidden}
.orbit-satellite-b .orbit-image-card{animation:orbitCardB 8.7s ease-in-out infinite alternate;transform:rotate(9deg)}
.orbit-image-card::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(160deg,#fff5,transparent 34%,#151c5848 91%);pointer-events:none}
.orbit-image-card img{width:100%;height:100%;object-fit:cover;display:block;border-radius:7px;filter:saturate(1.1);transition:transform .6s cubic-bezier(.18,.85,.2,1),filter .5s}
.orbit-image-caption{position:absolute;z-index:2;inset:auto 10px 10px 12px;display:flex;justify-content:space-between;align-items:center;gap:5px;color:#fff;text-shadow:0 1px 6px #101746;font:700 9px Arial;letter-spacing:1.4px;direction:ltr}
.orbit-image-arrow{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#fff;color:#2538a4;font:20px Arial;text-shadow:none;opacity:.85;transition:transform .3s,background .3s}
.orbit-image-card:is(:hover,:focus-visible){animation-play-state:paused;box-shadow:0 36px 90px #080e47bb,0 0 0 3px #ffd1b5}
.orbit-image-card:is(:hover,:focus-visible) img{transform:scale(1.13);filter:saturate(1.25)}
.orbit-image-card:is(:hover,:focus-visible) .orbit-image-arrow{transform:scale(1.14) rotate(12deg);background:#ffd6b7}
.orbit-satellite-a:has(.orbit-image-card:hover),.orbit-satellite-a:has(.orbit-image-card:focus-visible),.orbit-satellite-b:has(.orbit-image-card:hover),.orbit-satellite-b:has(.orbit-image-card:focus-visible){z-index:15}
@keyframes orbitCardA{0%{transform:translate(-3px,11px) rotate(-13deg) scale(.99)}50%{transform:translate(8px,-8px) rotate(-7deg) scale(1.02)}100%{transform:translate(-7px,-12px) rotate(-16deg) scale(1)}}
@keyframes orbitCardB{0%{transform:translate(-6px,-10px) rotate(11deg) scale(.98)}50%{transform:translate(12px,9px) rotate(5deg) scale(1.03)}100%{transform:translate(-8px,14px) rotate(13deg) scale(1)}}
/* Accessible image gallery / lightbox */
.orbit-lightbox{position:fixed;inset:0;z-index:150;display:none;align-items:center;justify-content:center;padding:clamp(12px,3vw,38px);direction:ltr}
.orbit-lightbox.open{display:flex;animation:orbitFade .27s ease both}
.orbit-lightbox-backdrop{position:absolute;inset:0;background:#080d27ed;backdrop-filter:blur(25px);cursor:zoom-out}
.orbit-lightbox-panel{position:relative;z-index:1;display:flex;flex-direction:column;max-height:min(94dvh,1100px);width:min(1080px,96vw);background:linear-gradient(130deg,#171d4b,#0c1235);border:1px solid #a6b2ff61;box-shadow:0 35px 130px #000a;border-radius:20px;overflow:hidden;animation:orbitExpand .35s cubic-bezier(.2,.8,.2,1) both;color:white}
.orbit-lightbox-head{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #ffffff29}
.orbit-lightbox-head small{font:10px Arial;letter-spacing:2.4px;color:#ffcbaa}
.orbit-lightbox-head h2{font:800 clamp(20px,3vw,31px) Arial,sans-serif;letter-spacing:-.6px;margin:7px 0 0}
.orbit-lightbox-close{background:#ffffff14;color:white;border:1px solid #ffffff55;font:34px Arial;width:42px;height:42px;line-height:1;cursor:pointer;border-radius:50%}
.orbit-lightbox-close:hover,.orbit-lightbox-close:focus-visible{background:#ffd2aa;color:#161b4a}
.orbit-lightbox-stage{display:flex;align-items:center;justify-content:space-between;min-height:0;flex:1;gap:15px;padding:20px 20px;background:radial-gradient(circle at 50% 50%,#4b55b08c,transparent 68%)}
.orbit-lightbox-visual{display:grid;place-items:center;flex:1;min-width:0;min-height:0;max-height:65dvh}
.orbit-lightbox-visual>img{display:block;max-width:100%;max-height:min(65dvh,700px);object-fit:contain;box-shadow:0 15px 65px #090d2677;border:1px solid #ffffff30;border-radius:9px}
.orbit-lightbox-visual>img[hidden],.orbit-large-poster[hidden]{display:none}
.orbit-large-poster{background:white;box-shadow:0 30px 75px #0b102966;width:min(400px,78%);height:min(65dvh,575px);padding:24px;display:flex;flex-direction:column;transform:rotate(-2deg)}
.orbit-large-poster .sheet-line{font:900 35px Georgia;color:#2e40eb}
.orbit-large-poster .sheet-line small{font:10px Arial}
.orbit-large-poster .sheet-visual{margin:20px 0}
.orbit-large-poster .sheet-sun{width:90px;height:90px}
.orbit-large-poster .sheet-footer{font-size:10px}
.orbit-lightbox-arrow{background:#ffffff1b;border:1px solid #ffffff44;border-radius:50%;color:#fff;width:48px;height:48px;flex:none;font:36px Arial;cursor:pointer;transition:background .3s,transform .3s}
.orbit-lightbox-arrow:is(:hover,:focus-visible){background:#ffcfad;color:#171c49;transform:scale(1.1)}
.orbit-lightbox-foot{border-top:1px solid #ffffff22;padding:14px 25px 17px;display:flex;align-items:center;gap:24px;color:#f0eaf2;font-size:12px}
.orbit-lightbox-foot p{margin:0;flex:1;line-height:1.6}
.orbit-lightbox-foot #orbitPreviewCount{font:700 13px Arial;color:#ffcbaa}
.orbit-keyboard-hint{color:#ffffff7c;font-size:10px;letter-spacing:1px}
body.orbit-lightbox-open{overflow:hidden}
@keyframes orbitFade{from{opacity:0}to{opacity:1}}
@keyframes orbitExpand{from{opacity:0;transform:translateY(15px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:1250px){.orbit-satellite-a{width:32%;height:125px;left:-7%;top:38%}.orbit-satellite-b{width:36%;height:130px;right:-10%;bottom:29%}}
@media(max-width:900px){.orbit-satellite-a{width:33%;height:125px;left:-5%;top:37%}.orbit-satellite-b{width:37%;height:126px;right:-7%;bottom:27%}}
@media(max-width:650px){
  .orbit-satellite-a{top:39%;left:-7%;width:34%;height:90px}
  .orbit-satellite-b{bottom:23%;right:-8%;width:35%;height:98px}
  .orbit-image-card{padding:3px;border-radius:7px}
  .orbit-image-card img{border-radius:5px}
  .orbit-image-caption{font-size:6px;bottom:6px;left:6px;right:6px;letter-spacing:.5px}
  .orbit-image-arrow{width:20px;height:20px;font-size:14px}
  .orbit-expand-hint{opacity:1;transform:none;width:24px;height:24px;font-size:17px}
  .orbit-lightbox-panel{width:100%;border-radius:11px}
  .orbit-lightbox-head{padding:12px 15px}
  .orbit-lightbox-stage{gap:5px;padding:15px 6px}
  .orbit-lightbox-arrow{width:32px;height:32px;font-size:25px}
  .orbit-lightbox-foot{padding:12px 14px;gap:9px;font-size:11px;flex-wrap:wrap}
  .orbit-keyboard-hint{display:none}
  .orbit-large-poster{width:73%;height:380px;padding:15px}
  .orbit-large-poster .sheet-line{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.orbit-image-card{animation:none!important}.orbit-satellite{transition:none!important}.orbit-lightbox.open,.orbit-lightbox-panel{animation:none!important}}


/* OOJA v4.2 — requested refinements: official user logo, dramatic dark nav, one-button warm music */
:root { --header: 93px; }
.site-header{background:rgba(8,10,17,.98);border-bottom:1px solid rgba(255,208,126,.32);box-shadow:0 5px 35px rgba(1,3,20,.3);gap:12px;padding-inline:clamp(14px,2.2vw,34px)}
.site-header.scrolled{background-color:rgba(6,8,12,.99)}
.site-header .logo{flex:0 0 188px;min-width:0;width:188px;height:87px;display:flex;align-items:center;justify-content:center;overflow:visible}
.site-header .official-logo{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,208,130,.3));transition:filter .3s,transform .3s}
.site-header .logo:hover .official-logo{transform:scale(1.055);filter:drop-shadow(0 0 14px rgba(255,199,105,.6))}
.site-header .main-nav{gap:clamp(8px,1.5vw,22px)}
.site-header .nav-link{font-size:clamp(13px,1.02vw,16px);color:#f7f5f0;font-weight:800;padding:33px 0;text-shadow:0 0 1px #fffc}
.site-header .nav-link:hover,.site-header .nav-link.active{color:#ffdc9f}
.site-header .nav-link:after{height:3px;background:linear-gradient(90deg,#cb873e,#ffd992)}
.site-header .lang-button{background:#171923;border-color:#cda96e;color:#fff;font-size:13px;padding:11px 13px}
.site-header .lang-ar{color:#c5b7a4}
.site-header .sound-circle{width:46px;height:46px;flex-shrink:0;background:linear-gradient(135deg,#e7b973,#fbdfaa);color:#191712;box-shadow:0 0 0 1px #e1be88,0 6px 20px #c6914655;font-size:21px;transition:transform .25s,box-shadow .25s}
.site-header .sound-circle:hover{transform:scale(1.09);box-shadow:0 0 0 2px #f5cf9a,0 0 24px #f0c88890}
.site-header .sound-bars i{background:#171717;width:3px;border-radius:3px}
.site-header .sound-circle.playing{background:#ffdaa0}
/* Official music player is now only the top button; audio stays offline and loops */
.music-dock{display:none!important}
/* Original print colour card below the portrait remains unchanged */
.hero-stage .sheet-one{top:17%;right:-4%;width:31%;height:215px;padding:0;overflow:visible;background:#fff;border:7px solid white;border-radius:8px;box-shadow:0 19px 55px #15104e80}
.hero-stage .sheet-one>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;pointer-events:none;border-radius:2px}
.hero-stage .sheet-one .orbit-expand-hint{z-index:12}
/* Lower the queue screenshot to reveal the OOJA branding on the girl's sleeve */
.hero-stage .orbit-satellite-b{bottom:8%;right:-11%}
/* Modest depth and clear focus affordance */
.hero-stage .orbit-clickable:focus-visible{outline:3px solid #ffdbad;outline-offset:5px}
.gallery-mosaic .mosaic-art img{object-fit:contain;background:#f7d6bc}
@media(max-width:1250px) and (min-width:901px){
  .site-header .logo{flex-basis:145px;width:145px;height:83px}
  .site-header .main-nav{gap:9px}
  .site-header .nav-link{font-size:13px}
}
@media(max-width:900px){
  :root{--header:69px}
  .site-header{gap:8px}
  .site-header .logo{height:65px;flex-basis:142px;width:142px}
  .site-header .main-nav{background:#0d0e16;border-bottom-color:#e9c58c55;gap:19px}
  .site-header .nav-link{padding:15px 0;font-size:13px;color:white}
  .site-header .nav-link:after{bottom:7px}
  .site-header .sound-circle{width:40px;height:40px;font-size:18px}
  .hero-stage .sheet-one{height:165px;top:17%;width:30%;right:-1%}
  .hero-stage .orbit-satellite-b{bottom:8%;right:-6%}
}
@media(max-width:650px){
  :root{--header:63px}
  .site-header .logo{height:60px;flex-basis:120px;width:120px}
  .site-header .main-nav{height:53px;gap:18px}
  .site-header .nav-link{font-size:12.5px;white-space:nowrap}
  .site-header .lang-button{font-size:11px;padding:8px}
  .site-header .sound-circle{width:38px;height:38px}
  .hero-universe{padding-top:166px}
  .hero-topline{top:127px}
  .hero-stage .sheet-one{width:30%;height:143px;right:0;top:11%;border-width:4px}
  .hero-stage .orbit-satellite-b{bottom:11%;right:-5%}
}
@media(max-width:380px){.site-header .logo{flex-basis:104px;width:104px}.site-header .main-nav{gap:15px}.site-header .nav-link{font-size:12px}}
/* =====================================================
 OOJA Printverse v4.3 — art cards, breathing orbits,
 and Square Tech's bilingual corporate footer.
 All patches preserve the original Printverse palette.
===================================================== */
/* Four balanced, equally sized (responsive) art previews. */
.hero-stage .sheet-one.unified-orbit,
.hero-stage .sheet-two.unified-orbit,
.hero-stage .orbit-satellite-a,
.hero-stage .orbit-satellite-b {
  width:34%; height:150px; border-radius:11px;
}
.hero-stage .sheet-one.unified-orbit,
.hero-stage .sheet-two.unified-orbit {
  padding:5px; border:1px solid #fff; background:#fff;
  box-shadow:0 24px 55px #131a66a1;
  display:block; transition:filter .35s, box-shadow .35s;
  cursor:zoom-in; isolation:isolate;
}
.hero-stage .sheet-one.unified-orbit{top:9%; right:-4%; left:auto; bottom:auto; animation:orbitCardSun 8.4s ease-in-out infinite alternate;z-index:8}
.hero-stage .sheet-two.unified-orbit{top:auto;left:-19%;bottom:1%;right:auto;animation:orbitCardColor 9.3s ease-in-out infinite alternate;z-index:8}
.hero-stage .orbit-satellite-a{top:35%;left:-13%;right:auto;bottom:auto;transform:translate3d(calc(var(--orbit-mx) * -1.15),calc(var(--orbit-my) * -1.05),36px)}
.hero-stage .orbit-satellite-b{top:auto;bottom:5%;right:-19%;left:auto;transform:translate3d(calc(var(--orbit-mx) * 1.55),calc(var(--orbit-my) * 1.26),76px)}
.hero-stage .sheet-one.unified-orbit img,.hero-stage .sheet-two.unified-orbit img{width:100%;height:100%;object-fit:cover;border-radius:7px;display:block;filter:saturate(1.08)}
.hero-stage .sheet-one.unified-orbit .orbit-image-caption,.hero-stage .sheet-two.unified-orbit .orbit-image-caption{bottom:9px;left:10px;right:10px;background:transparent;color:#fff;padding:0;font:700 9px Arial;letter-spacing:1px;direction:ltr}
.hero-stage .unified-orbit::after{content:'';position:absolute;inset:0;background:linear-gradient(160deg,#fff5,transparent 40%,#12184562 94%);pointer-events:none;border-radius:10px}
.hero-stage .unified-orbit .orbit-image-caption{z-index:2}
.hero-stage .orbit-satellite-a:hover,.hero-stage .orbit-satellite-b:hover{z-index:24}
.hero-stage .unified-orbit:hover,.hero-stage .unified-orbit:focus-visible{animation-play-state:paused;z-index:25;box-shadow:0 35px 72px #090e47a8,0 0 0 3px #ffcfab;filter:brightness(1.07)}
.hero-stage .unified-orbit:hover img,.hero-stage .unified-orbit:focus-visible img{transform:scale(1.06);filter:saturate(1.2)}
.hero-stage .unified-orbit img{transition:transform .35s,filter .35s}
.hero-stage .unified-orbit .orbit-image-arrow{background:#fff;color:#2435ad}
@keyframes orbitCardSun{0%{transform:translate3d(-8px,11px,0) rotate(10deg)}45%{transform:translate3d(10px,-15px,0) rotate(3deg)}100%{transform:translate3d(2px,7px,0) rotate(13deg)}}
@keyframes orbitCardColor{0%{transform:translate3d(-7px,10px,0) rotate(-8deg)}50%{transform:translate3d(7px,-14px,0) rotate(-4deg)}100%{transform:translate3d(10px,7px,0) rotate(-11deg)}}
/* More visible but gentle orbital / mouse effect; remains calm on touch devices. */
.hero-stage .orbit{border-width:1.8px;box-shadow:0 0 0 1px #ffc5ac12,inset 0 0 20px #fff4;opacity:.88}
.hero-stage .orbit-one{animation:orbitFloat 12s linear infinite; border-color:#ffffff87}
.hero-stage .orbit-two{opacity:.55;animation:orbitFloat 16s linear reverse infinite;border-color:#ffcfb2bc}
.hero-stage .glowing-aura{filter:blur(28px) saturate(1.22);animation:auraPulse43 6s ease-in-out infinite alternate}
@keyframes auraPulse43{from{opacity:.63;scale:.98}to{opacity:1;scale:1.08}}
/* Banner polish; clear, generously readable navbar. */
.site-header{background-color:#080a10f8;border-bottom:1px solid #c7a37455!important}
.site-header .nav-link{font-size:clamp(13px,1.1vw,16.5px);color:#fff;font-weight:800;letter-spacing:0;white-space:nowrap}
.site-header .nav-link:is(:hover,.active){color:#ffddaa}
.site-header .official-logo{max-height:100%;object-fit:contain}
.site-header .sound-circle{width:45px;height:45px}
/* The peach portal leads to a rich, accessible, full corporate footer. */
.global-footer{display:block;min-height:unset;padding:68px clamp(23px,6vw,105px) 27px;background:#11183b;color:#f8f6fa;position:relative;isolation:isolate;text-align:start}
.global-footer:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 20% -15%,#514d9c35,transparent 65%),radial-gradient(ellipse at 100% 100%,#ffb6920a,transparent 55%);pointer-events:none}
.footer-headline{display:grid;grid-template-columns:1fr 1.1fr;align-items:end;gap:50px;border-bottom:1px solid #ffffff36;padding-bottom:55px}
.footer-identity{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.footer-word{font:900 clamp(90px,13vw,180px)/.84 Georgia,'Times New Roman',serif;letter-spacing:-.065em;color:#ffc2a3;display:block;white-space:nowrap}
.footer-word>span{font:600 13px Arial;vertical-align:top;letter-spacing:0;margin-left:3px}
.footer-proprint{font:800 14px/1.4 Arial, sans-serif;letter-spacing:.17em;color:#f5d0b7;text-transform:uppercase}
.footer-manifesto{max-width:480px;justify-self:end}
.footer-manifesto>span{font:700 10px Arial;letter-spacing:2.2px;color:#e6b899}
.footer-manifesto h2{margin:14px 0 9px;font-size:clamp(23px,3vw,40px);line-height:1.35;font-weight:900}
.footer-manifesto h2 em{font-style:normal;color:#ffc2a3}
.footer-manifesto p{font-size:14px;line-height:2;color:#c0bfd3;margin:0}
.footer-grid{display:grid;grid-template-columns:1.25fr .75fr .85fr 1.35fr;gap:clamp(18px,3.4vw,65px);padding:58px 0 53px;align-items:start}
.footer-grid>div{min-width:0}
.footer-ordinal{display:block;margin-bottom:17px;color:#e5b993;font:700 10px Arial,sans-serif;letter-spacing:1.45px}
.footer-grid h3{font-size:19px;line-height:1.5;margin:0 0 15px;color:#fff;font-weight:800}
.footer-grid .latin{display:block;color:#ffcaab;font:700 17px Arial,sans-serif;letter-spacing:.3px;margin-top:4px}
.footer-company p{font-size:14px;line-height:2;color:#d3d0df;max-width:295px}
.footer-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}
.footer-chips span{padding:8px 10px;background:#ffffff0c;border:1px solid #ffffff29;border-radius:20px;font-size:11px;color:#eddfdd}
.footer-links a,.footer-links button{display:block;width:max-content;max-width:100%;padding:6px 0;font:600 13.5px/1.65 inherit;color:#c9c8d5;background:transparent;border:0;text-decoration:none;cursor:pointer;text-align:start;transition:color .25s,transform .25s}
.footer-links a:hover,.footer-links button:hover,.footer-links a:focus-visible,.footer-links button:focus-visible{color:#ffcead;transform:translateX(-4px)}
.footer-contact address{display:flex;flex-direction:column;gap:6px;font-style:normal}
.footer-contact address strong{font-size:13px;color:#ffc3a6;margin-top:10px}
.footer-contact address span{font-size:12.5px;line-height:1.9;color:#e1dae4}
.footer-tel{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-top:18px}
.footer-tel>span{flex:0 0 100%;font-weight:700;color:#ffc3a6;font-size:13px}
.footer-tel a{text-decoration:none;color:#f8f2ec;font:700 13px Arial;direction:ltr;unicode-bidi:isolate;display:inline-block;border-bottom:1px solid #ffffff2d;padding-bottom:4px}
.footer-tel a:hover{color:#ffc3a6}
.footer-bottom{border-top:1px solid #ffffff35;padding-top:23px;display:flex;align-items:center;gap:15px;justify-content:space-between}
.footer-bottom>div{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.footer-bottom>div strong{color:#ffc2a3;font:800 14px Arial}
.footer-bottom>div span{font-size:11px;color:#c2bdcd}
.footer-demo{font-size:11px;line-height:1.7;color:#bdadbd}
#backTop{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid #ffcead87;background:#ffffff11;color:#ffd2b3;flex-shrink:0;font-size:26px;cursor:pointer;transition:transform .3s,background .3s}
#backTop:hover{background:#ffcba8;color:#171b44;transform:translateY(-5px)}
/* Genuine phone and branch details on the contact page. */
.contact-tappable{color:inherit;text-decoration:none;transition:transform .25s,background .25s,padding .25s}
.contact-tappable:hover{background:#ffffff43;padding-inline:9px;transform:translateY(-2px)}
.contact-addresses{margin-top:25px;padding:22px 24px;border-radius:16px;background:#fff7ed;box-shadow:0 10px 30px #29306b0b}
.contact-addresses h3{margin:0 0 15px;font:800 20px Arial;color:#2734b4}
.contact-addresses p{font-size:13px;line-height:2;color:#343859;margin:0 0 12px}
.contact-addresses p b{font-size:14px}
/* True offline concept legal notices, not fabricated live policies. */
.legal-dialog{display:none;position:fixed;inset:0;z-index:160;align-items:center;justify-content:center;padding:22px;color:white}
.legal-dialog.open{display:flex}
.legal-backdrop{position:absolute;inset:0;background:#060917dc;backdrop-filter:blur(14px)}
.legal-panel{position:relative;width:min(600px,100%);border:1px solid #ffc29c7d;background:#151d4a;padding:clamp(25px,4vw,42px);box-shadow:0 30px 90px #0104147a;border-radius:19px}
.legal-panel>span{color:#ffc1a0;font:800 12px Arial;letter-spacing:1.6px}
.legal-panel h2{font-size:clamp(22px,4vw,33px);margin:20px 0}
.legal-panel p{font-size:14px;line-height:2.1;color:#e5e2ec}
.legal-panel .legal-small{border-top:1px solid #ffffff33;margin-top:24px;padding-top:15px;color:#ffc5a9;font-size:12px}
#closeLegal{position:absolute;right:16px;top:13px;border:0;border-radius:50%;background:#ffffff16;color:#fff;width:38px;height:38px;font-size:30px;cursor:pointer}
body.legal-open{overflow:hidden}
@media(max-width:1200px){
 .hero-stage .sheet-one.unified-orbit,.hero-stage .sheet-two.unified-orbit,.hero-stage .orbit-satellite-a,.hero-stage .orbit-satellite-b{height:127px;width:33%}
 .hero-stage .orbit-satellite-b{right:-13%}
 .hero-stage .sheet-two.unified-orbit{left:-15%}
 .footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:38px}
 .footer-contact{grid-column:span 3;max-width:750px}
}
@media(max-width:900px){
 .site-header .main-nav{background:#090b13}
 .site-header .nav-link{font-size:13.5px}
 .hero-stage .sheet-one.unified-orbit,.hero-stage .sheet-two.unified-orbit,.hero-stage .orbit-satellite-a,.hero-stage .orbit-satellite-b{height:116px;width:33%}
 .hero-stage .sheet-two.unified-orbit{left:-9%;bottom:1%}
 .hero-stage .orbit-satellite-b{bottom:2%;right:-8%}
 .footer-headline{gap:30px}
 .footer-word{font-size:110px}
 .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
 .footer-contact{grid-column:auto}
}
@media(max-width:650px){
 .hero-stage .sheet-one.unified-orbit,.hero-stage .sheet-two.unified-orbit,.hero-stage .orbit-satellite-a,.hero-stage .orbit-satellite-b{width:35%;height:88px}
 .hero-stage .sheet-one.unified-orbit{top:6%;right:-7%}
 .hero-stage .sheet-two.unified-orbit{bottom:0;left:-8%}
 .hero-stage .orbit-satellite-a{left:-8%;top:34%}
 .hero-stage .orbit-satellite-b{right:-8%;bottom:16%}
 .hero-stage .sheet-one.unified-orbit .orbit-image-caption,.hero-stage .sheet-two.unified-orbit .orbit-image-caption{font-size:6px;bottom:6px;left:7px;right:6px}
 .footer-headline{grid-template-columns:1fr;gap:24px}
 .footer-manifesto{justify-self:start}
 .footer-word{font-size:100px}
 .footer-proprint{font-size:12px}
 .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:42px 0;gap:35px 22px}
 .footer-company,.footer-contact{grid-column:span 2}
 .footer-bottom{align-items:flex-start;flex-wrap:wrap}
 .global-footer{padding:52px 22px 26px}
 .footer-links a,.footer-links button{font-size:12px}
}
@media(max-width:390px){
 .hero-stage .sheet-one.unified-orbit,.hero-stage .sheet-two.unified-orbit,.hero-stage .orbit-satellite-a,.hero-stage .orbit-satellite-b{height:75px;width:34%}
 .hero-stage .sheet-two.unified-orbit{left:-5%}
 .footer-word{font-size:85px}
}
@media(prefers-reduced-motion:reduce){.hero-stage .sheet-one.unified-orbit,.hero-stage .sheet-two.unified-orbit,.hero-stage .glowing-aura{animation:none!important}}
/* Position the poster and color LAB as independently orbiting absolute cards,
   not in the normal stage flow (orbit-image-card has position:relative). */
.hero-stage .sheet-one.unified-orbit,.hero-stage .sheet-two.unified-orbit{position:absolute}
/* Final fine-tuning after visual inspection */
.hero-stage .sheet-two.unified-orbit{left:-10%}
.footer-proprint{text-transform:none}
.footer-links a,.footer-links button{font-family:inherit;font-size:13.5px;font-weight:600;line-height:1.65;white-space:normal}
.footer-links button{appearance:none}
.footer-social{margin-top:21px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.footer-social>span{font:700 10px Arial;letter-spacing:1.2px;color:#ffc2a0;flex-basis:100%}
.footer-social .social-pending{display:grid;place-items:center;width:33px;height:33px;border:1px solid #ffffff38;border-radius:50%;color:#b8b5c6;font:700 12px Arial;background:#ffffff07;cursor:default}
.footer-social .social-pending:disabled{opacity:.7}
@media(max-width:650px){.hero-stage .sheet-two.unified-orbit{left:-6%}.footer-links button{font-size:12px}}
/* Satellite cards must sit above the large transparent hero-copy hit area
   so genuine mouse clicks reach every card, not only scripted .click(). */
.hero-universe .hero-stage{z-index:9}


/* V4.4 — header ribbon extension from the logo (choice 1) */
.site-header{position:fixed;overflow:visible;isolation:isolate}
.site-header::after{
  content:"";
  position:absolute;
  inset-inline-start:clamp(66px,5vw,110px);
  inset-inline-end:clamp(160px,15vw,265px);
  bottom:12px;
  height:20px;
  pointer-events:none;
  z-index:0;
  opacity:.92;
  background:
    radial-gradient(65px 18px at 100% 50%, rgba(255,223,175,.48), rgba(255,223,175,0) 70%),
    linear-gradient(90deg,
      rgba(114,186,255,.00) 0%,
      rgba(114,186,255,.18) 8%,
      rgba(116,205,255,.32) 18%,
      rgba(175,220,255,.10) 29%,
      rgba(255,160,215,.24) 42%,
      rgba(255,205,120,.38) 58%,
      rgba(153,225,255,.28) 73%,
      rgba(255,233,188,.42) 86%,
      rgba(255,233,188,.06) 100%);
  border-radius:999px;
  filter:blur(.2px) drop-shadow(0 0 8px rgba(255,213,156,.18));
  transform:translateY(0);
  mask-image:linear-gradient(90deg, transparent 0%, #000 9%, #000 92%, transparent 100%);
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 9%, #000 92%, transparent 100%);
}
.site-header::before{
  content:"";
  position:absolute;
  inset-inline-start:clamp(95px,8vw,150px);
  inset-inline-end:clamp(220px,19vw,325px);
  bottom:7px;
  height:1px;
  pointer-events:none;
  z-index:0;
  opacity:.55;
  background:linear-gradient(90deg, transparent 0%, rgba(255,228,186,.15) 8%, rgba(255,228,186,.45) 24%, rgba(146,225,255,.22) 48%, rgba(255,182,214,.30) 68%, rgba(255,220,154,.52) 88%, transparent 100%);
}
.site-header > *{position:relative;z-index:1}
.site-header .main-nav{position:relative}
.site-header .main-nav::after{
  content:"";
  position:absolute;
  inset-inline:-14px;
  bottom:14px;
  height:14px;
  pointer-events:none;
  z-index:-1;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(125,208,255,.06) 17%, rgba(255,184,203,.08) 45%, rgba(255,218,161,.14) 73%, rgba(255,255,255,0) 100%);
}
.site-header .nav-link{z-index:2}
@media (max-width:900px){
  .site-header::after{
    inset-inline-start:90px;
    inset-inline-end:150px;
    bottom:10px;
    height:14px;
    opacity:.78;
  }
  .site-header::before{display:none}
  .site-header .main-nav::after{display:none}
}
@media (max-width:650px){
  .site-header::after{
    inset-inline-start:72px;
    inset-inline-end:124px;
    bottom:9px;
    height:10px;
    opacity:.7;
  }
}

/* V4.5 — Square Tech / OOJA premium motion pass */
:root{--apricot:#ffd0ad;--blue:#4559ff;--gold:#f3c781;--ease:cubic-bezier(.2,.82,.18,1)}
html{scroll-padding-top:88px}
body{background:#10142e}
.grain{opacity:.065;mix-blend-mode:screen}
.pointer-glow{width:520px;height:520px;background:radial-gradient(circle,#ffd6a51c 0%,#8296ff0c 32%,transparent 70%);opacity:.7;mix-blend-mode:screen}
.scrollprogress{height:3px;background:linear-gradient(90deg,#71d7ff,#b4a4ff,#ffb48e,#ffe2a6);box-shadow:0 0 14px #ffcf8b99}
.site-header{background:linear-gradient(105deg,#090b13f5,#11152bf2 54%,#0b0e18f7);border-bottom:1px solid #f5d39a30;box-shadow:0 12px 42px #03040b70}
.site-header .nav-link{color:#e8e7f2}.site-header .nav-link.active,.site-header .nav-link:hover{color:#ffe0b0}
.site-header .nav-link:after{background:linear-gradient(90deg,#d9994e,#ffe5ae);box-shadow:0 0 12px #ffd390aa}
.site-header .lang-button{color:#f7eadb;border-color:#ffe0ad66}.site-header .lang-ar{color:#c8bcae}
.hero-universe{background:radial-gradient(ellipse 54% 78% at 24% 46%,#6266d9 0%,#303c9d 48%,transparent 100%),radial-gradient(ellipse at 86% 84%,#c77987 0%,transparent 34%),radial-gradient(ellipse at 50% 4%,#668eff42,transparent 44%),#121936}
.hero-universe:after{background:linear-gradient(110deg,#14194324,transparent 56%,#05081752),radial-gradient(circle at 22% 48%,#fff2,transparent 46%)}
.hero-grid{opacity:.12;background-size:96px 96px;mask-image:radial-gradient(ellipse at 35% 46%,#000,transparent 72%)}
.hero-halo{border-color:#ffe1bb40}.halo-a{box-shadow:0 0 0 38px #ffc9900a,0 0 0 86px #a6bfff08,0 0 80px #8ba8ff14}
.glowing-aura{background:radial-gradient(ellipse,#c6c5ff9c,#849cff44 36%,#4960e900 70%);filter:blur(36px) saturate(1.25)}
.orbit{border-color:#fff9d674;filter:drop-shadow(0 0 6px #c8d6ff28)}
.orbit-two{border-color:#ffd6a8b8}
.photo-sculpture{box-shadow:0 45px 100px #060b327d,0 0 0 1px #fff8,0 0 0 10px #e4dcff24,0 0 70px #ffd2a51f}
.photo-sculpture img{filter:saturate(1.04) contrast(1.08)}
.flying-sheet{border:1px solid #fff9;box-shadow:0 25px 70px #080e3e80,0 0 25px #ffd7b01c;transition:box-shadow .45s,filter .45s}
.hero-stage .orbit-image-card{box-shadow:0 22px 62px #080e3e8c,0 0 0 1px #ffe1b85c,0 0 26px #d8d2ff22 inset}
.hero-stage .unified-orbit:hover,.hero-stage .unified-orbit:focus-visible{box-shadow:0 35px 85px #080e3ed1,0 0 0 2px #ffe0ae,0 0 36px #ffd9a866;filter:brightness(1.1)}
.floating-sticker{box-shadow:0 16px 45px #090e3d5e,0 0 0 1px #fff8,0 0 26px #ffdfad38}
.pill-primary{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#ffd1ad,#ffdfa9 50%,#ffc6a4);box-shadow:0 10px 34px #070d3550,0 0 0 1px #fff8 inset}
.pill-primary:before,.portal-cta:before{content:"";position:absolute;inset:-60% auto -60% -30%;width:24%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,#fff9,transparent);transition:left .75s var(--ease)}
.pill-primary:hover:before,.portal-cta:hover:before{left:120%}
.pill-primary:hover{box-shadow:0 16px 48px #ffd09b60,0 0 0 1px #fff inset}
.pill-primary b{box-shadow:0 0 0 1px #fff4 inset}
.pill-outline{backdrop-filter:blur(8px)}
.ticker-strip{background:linear-gradient(100deg,#ffc49f,#f5ca91 45%,#ffc5ab);box-shadow:0 12px 40px #ad6e4230 inset}
.manifesto{background:radial-gradient(ellipse at 87% 72%,#f1d9c248,transparent 35%),#f7f4ed}
.manifesto-small-seal{box-shadow:0 0 0 12px #2934dd08,0 0 35px #d5a25c18}
.transformation{background:radial-gradient(ellipse at 85% 10%,#fff9,transparent 38%),linear-gradient(145deg,#e8e9ff,#daddf4)}
.before-after{border-radius:24px;box-shadow:0 35px 90px #17245435,0 0 0 1px #fff inset}
.compare-handle{box-shadow:0 0 0 8px #fff3,0 10px 28px #11194f66}
.spotlight{background:radial-gradient(ellipse at 90% 25%,#eee5ff8c,transparent 36%),#f8f5ed}
.spot-image-wrap{border-color:#fff;box-shadow:0 35px 90px #151c5150,0 0 0 1px #d9c49c}
.spot-image-wrap img{transition:transform 1.2s var(--ease),filter .7s}.spot-image-wrap:hover img{transform:scale(1.035);filter:saturate(1.12)}
.cinema{background:radial-gradient(ellipse at 70% 35%,#39418c,transparent 48%),linear-gradient(130deg,#11172f,#191c4e 62%,#111528)}
.cinema:before{opacity:.8}
.cinema-main,.cinema-secondary{box-shadow:0 25px 80px #02040c77,0 0 0 1px #ffdda944;transition:transform .55s var(--ease),box-shadow .5s}
.cinema-main:hover,.cinema-secondary:hover{transform:translateY(-7px) scale(1.012);box-shadow:0 35px 90px #02040c88,0 0 0 1px #ffe0a8,0 0 32px #ffc98124}
.trial-portal{background:radial-gradient(ellipse at 50% 60%,#353e91,#171c4b 54%,#10142e);}
.portal-cta{position:relative;isolation:isolate;overflow:hidden;box-shadow:0 15px 45px #ffcb9c35,0 0 0 1px #fff9 inset}
.global-footer{background:linear-gradient(145deg,#0c1024,#151a3b 60%,#10142c)}
.nav-link,.text-link,.spot-controls button,.sound-circle{transition-timing-function:var(--ease)}
@media(prefers-reduced-motion:reduce){.pill-primary:before,.portal-cta:before{display:none}.spot-image-wrap img{transition:none}}
@media(max-width:700px){.pointer-glow{display:none}.hero-grid{opacity:.08}.hero-universe{background:radial-gradient(ellipse 90% 52% at 50% 68%,#5c64d5,#303a96 60%,transparent 100%),radial-gradient(ellipse at 80% 93%,#c77987 0%,transparent 36%),#121936}.hero-stage .orbit{opacity:.68}.hero-universe .pill-primary{box-shadow:0 9px 30px #080c3260,0 0 0 1px #fff8 inset}}

/* V4.6 — luminous details and tactile motion */
@keyframes goldOrbit{0%,100%{filter:drop-shadow(0 0 2px #ffe5b044);opacity:.72}50%{filter:drop-shadow(0 0 9px #ffe5b0a0);opacity:1}}
@keyframes sealTurn{0%,92%,100%{transform:rotate(0) scale(1)}96%{transform:rotate(12deg) scale(1.08)}}
@keyframes ctaBreath{0%,100%{box-shadow:0 10px 34px #070d3550,0 0 0 1px #fff8 inset}50%{box-shadow:0 12px 42px #ffd09b56,0 0 0 1px #fff inset}}
.hero-topline .serial-icon{animation:goldOrbit 4s ease-in-out infinite}
.hero-stage .orbit-one{animation:orbitFloat 24s linear infinite,goldOrbit 8s ease-in-out infinite}
.hero-stage .orbit-two{animation:orbitFloat 31s linear reverse infinite,goldOrbit 10s ease-in-out infinite}
.hero-title em{background:linear-gradient(100deg,#ffc6a4 10%,#ffe4b4 46%,#ffb990 78%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 7px 26px #ffbd9c26)}
.hero-title strong{ text-shadow:0 8px 35px #bbcaff36 }
.photo-sculpture{isolation:isolate}
.photo-sculpture .photo-base,.photo-sculpture .photo-next{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:opacity 1.15s cubic-bezier(.22,.75,.2,1),filter 1.15s cubic-bezier(.22,.75,.2,1);will-change:opacity,filter}
.photo-sculpture .photo-base{opacity:1;filter:blur(0)}
.photo-sculpture .photo-next{opacity:0;filter:blur(2px)}
.photo-sculpture.is-next-active .photo-base{opacity:0;filter:blur(2px)}
.photo-sculpture.is-next-active .photo-next{opacity:1;filter:blur(0)}
.photo-sculpture .photo-caption{z-index:3}
.photo-sculpture:after{z-index:2}
.feature-benefits{display:flex;flex-wrap:wrap;gap:11px;margin:0 0 52px;padding:24px;border:1px solid #d8d8eb;border-radius:20px;background:linear-gradient(115deg,#fffefa,#f0efff);box-shadow:0 18px 50px #20255e0d}
.feature-benefits span{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid #d9d8e8;border-radius:999px;background:#fff;color:#22285f;font-size:13px;font-weight:750;box-shadow:0 4px 14px #1b21520a}
.feature-benefits span:before{content:'✦';color:#bf8846;font-size:12px}
@media(max-width:650px){.feature-benefits{gap:7px;padding:15px;margin-bottom:35px;border-radius:15px}.feature-benefits span{padding:9px 11px;font-size:11px}}
.hero-stage .sticker-one{animation:sealTurn 9s ease-in-out infinite}
.hero-universe .pill-primary{animation:ctaBreath 5s ease-in-out infinite}
.hero-universe .pill-primary:hover{animation:none}
.hero-side-label span{display:inline-block;animation:sealTurn 2.4s ease-in-out infinite}
.reveal{filter:blur(3px);transition:opacity .85s var(--ease),transform .85s var(--ease),filter .85s var(--ease)}
.reveal.is-visible{filter:blur(0)}
.feature-item,.price-card,.gallery-card,.help-card{transition:transform .38s var(--ease),box-shadow .38s,border-color .38s}
.feature-item:hover,.price-card:hover,.gallery-card:hover,.help-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #10173b20;border-color:#d6b47a}
.faq-question:hover{color:#ba8044}
.sound-circle.playing{box-shadow:0 0 0 1px #ffe8bc,0 0 0 5px #f4c97d20,0 0 25px #f4c97d80;animation:goldOrbit 2.8s ease-in-out infinite}
.ticker-track{will-change:transform}
@media(prefers-reduced-motion:reduce){.hero-topline .serial-icon,.hero-stage .orbit-one,.hero-stage .orbit-two,.hero-stage .sticker-one,.hero-universe .pill-primary,.hero-side-label span,.sound-circle.playing{animation:none!important}.photo-sculpture .photo-base,.photo-sculpture .photo-next{transition:none;filter:none!important}.reveal{filter:none}}
@media(max-width:700px){.hero-universe .pill-primary{animation:none}.hero-stage .orbit{filter:none}}
/* Pricing refresh: clear savings, employee value, and polished plan cards. */
.pricing-value-story{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:28px 6vw;align-items:center;margin:0 0 62px;padding:clamp(28px,5vw,62px);overflow:hidden;color:#fff;background:radial-gradient(ellipse at 90% 10%,#ffc99a55,transparent 38%),linear-gradient(125deg,#17204d,#333fc2 65%,#654fb0);box-shadow:0 28px 75px #26317b24}
.pricing-value-story:before{content:'';position:absolute;width:330px;height:330px;border:1px solid #ffffff35;border-radius:50%;inset-inline-end:-120px;bottom:-190px;box-shadow:0 0 0 32px #ffffff0b,0 0 0 68px #ffffff08;pointer-events:none}
.pricing-story-heading,.employee-costs,.ooja-day-cost{position:relative;z-index:1}
.pricing-story-heading .section-numeral{color:#ffd2ad}
.pricing-story-heading h2{font-size:clamp(30px,4vw,54px);line-height:1.4;margin:16px 0}
.pricing-story-heading h2 em{color:#ffc29d;font-style:normal}
.pricing-story-heading>p{max-width:760px;margin:0;color:#f3f1ffcc;font-size:14px;line-height:2.15}
.employee-costs{display:grid;gap:10px}
.employee-cost{padding:17px 19px;border:1px solid #ffffff29;background:#ffffff0b;backdrop-filter:blur(8px)}
.employee-cost span,.employee-cost strong,.employee-cost small{display:block}
.employee-cost span{font-size:12px;color:#ffcfad}
.employee-cost strong{margin:7px 0;font-size:18px;color:#fff}
.employee-cost small{font-size:11px;color:#e4e5ffb8}
.ooja-day-cost{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;padding-top:18px;border-top:1px solid #ffffff35}
.ooja-day-cost span{font-size:12px;color:#ffcfad}
.ooja-day-cost strong{font-size:clamp(20px,2.6vw,30px);color:#fff}
.ooja-day-cost small{font-size:12px;color:#e4e5ffb8}
.pricing-note .not-real{background:#2639c7;color:#fff;border-radius:30px;font-family:inherit;letter-spacing:0;font-weight:800;padding:11px 17px}
.pricing-note p{margin:0}
.price-plan{min-height:480px;padding:35px 23px 88px;border:1px solid #252e8910;box-shadow:0 18px 40px #2429540a}
.price-plan:hover{box-shadow:0 25px 55px #303c9a22}
.price-plan.chosen{background:radial-gradient(ellipse at 80% 0%,#8190ff55,transparent 46%),linear-gradient(145deg,#3547df,#252b91);box-shadow:0 25px 55px #303c9a38}
.price-plan h3{margin:43px 0 3px}
.plan-days{display:block;color:#7b7e91;font-size:11px;margin-bottom:23px}
.price-plan.chosen .plan-days{color:#e0e4ffb8}
.price-original{display:flex;align-items:center;gap:5px;color:#86899a;font-size:16px;direction:ltr;justify-content:flex-start}
.price-original s{text-decoration-thickness:2px;text-decoration-color:#f08d78}
.price-original small{font-size:10px}
.price-plan.chosen .price-original{color:#e2e3ffad}
.price-value{margin-top:3px;font-size:clamp(34px,3.2vw,54px);letter-spacing:-2.5px;color:#20264a}
.price-plan.chosen .price-value{color:#fff}
.price-value small{font-size:12px;letter-spacing:0}
.price-plan .price-per-day{margin:12px 0 0;color:#73788b;font-size:12px}
.price-per-day strong{display:inline-block;margin-inline-start:4px;padding:7px 12px;border-radius:30px;background:#ffe0cb;color:#2938b1;font-size:13px;box-shadow:0 6px 18px #1e2d5b0d}
.price-plan.chosen .price-per-day{color:#e4e7ff}
.price-plan.chosen .price-per-day strong{background:#ffc5a2;color:#26329d}
.price-plan .price-go{transition:transform .3s,box-shadow .3s}
.price-plan:hover .price-go{transform:rotate(-8deg) scale(1.07);box-shadow:0 10px 25px #18236d35}
@media(max-width:1100px){.pricing-value-story{grid-template-columns:1fr 1fr}.price-plan{padding-inline:17px}.price-value{font-size:clamp(32px,3.6vw,46px)}}
@media(max-width:650px){.pricing-value-story{display:block;margin-bottom:40px;padding:27px 22px}.pricing-story-heading h2{font-size:32px}.pricing-story-heading>p{font-size:12px;line-height:2}.employee-costs{margin-top:24px}.employee-cost{padding:14px}.ooja-day-cost{margin-top:20px;gap:7px 11px}.ooja-day-cost strong{font-size:20px}.ooja-day-cost small{width:100%}.pricing-note p{margin-top:12px;line-height:1.8}.price-rail{gap:9px}.price-plan{min-height:340px;padding:26px 12px 67px}.price-plan h3{font-size:15px;margin:42px 0 2px}.plan-days{font-size:9px;margin-bottom:17px}.price-original{font-size:13px}.price-original small{font-size:8px}.price-value{font-size:clamp(27px,7.5vw,36px);letter-spacing:-1.8px}.price-value small{font-size:9px}.price-plan .price-per-day{font-size:10px;margin-top:10px}.price-per-day strong{font-size:10px;padding:6px 9px}.price-go{inset-inline-end:12px}.price-plan.chosen .popular-label{left:4px}}
/* Pricing typography and spacing refinement. */
.pricing-zone{padding-top:62px}
.pricing-value-story{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:30px 5vw;margin-bottom:38px;padding:clamp(34px,4vw,54px)}
.pricing-story-heading h2{font-size:clamp(40px,4.1vw,62px);line-height:1.32;margin:13px 0 17px;letter-spacing:-1.5px}
.pricing-story-heading>p{max-width:800px;font-size:clamp(15px,1.2vw,18px);line-height:1.95;color:#f7f5ffe8}
.employee-costs{gap:13px;align-content:stretch}
.employee-cost{display:flex;flex-direction:column;justify-content:center;min-height:126px;padding:20px 24px}
.employee-cost span{font-size:15px}
.employee-cost strong{font-size:clamp(20px,1.8vw,26px);margin:9px 0}
.employee-cost small{font-size:13px}
.ooja-day-cost{padding-top:22px;gap:10px 22px}
.ooja-day-cost span{font-size:14px}
.ooja-day-cost strong{font-size:clamp(27px,3vw,38px)}
.ooja-day-cost small{font-size:14px}
.pricing-note{margin-bottom:24px}
.pricing-note p{font-size:14px}
.price-plan{min-height:420px;padding-top:32px}
.price-plan h3{font-size:24px}
.plan-days{font-size:13px;margin-bottom:20px}
.price-original{font-size:18px}
.price-original small{font-size:12px}
.price-value{font-size:clamp(42px,3.8vw,62px)}
.price-value small{font-size:14px}
.price-plan .price-per-day{font-size:14px}
.price-per-day strong{font-size:16px;padding:9px 14px}
@media(max-width:1100px){.pricing-value-story{grid-template-columns:1fr 1fr}.price-plan{min-height:410px}.price-value{font-size:clamp(38px,4.6vw,54px)}}
@media(max-width:650px){.pricing-zone{padding-top:38px}.pricing-value-story{padding:27px 22px;margin-bottom:30px}.pricing-story-heading h2{font-size:clamp(34px,9vw,43px);line-height:1.38}.pricing-story-heading>p{font-size:15px;line-height:1.95}.employee-costs{margin-top:23px;gap:10px}.employee-cost{min-height:112px;padding:16px 18px}.employee-cost span{font-size:14px}.employee-cost strong{font-size:20px}.employee-cost small{font-size:12px}.ooja-day-cost{margin-top:19px;padding-top:17px;gap:7px 10px}.ooja-day-cost span{font-size:12px}.ooja-day-cost strong{font-size:clamp(23px,6.3vw,28px)}.ooja-day-cost small{font-size:12px}.pricing-note{margin-bottom:17px}.pricing-note p{font-size:13px}.price-plan{min-height:365px;padding:25px 12px 62px}.price-plan h3{font-size:17px;margin:39px 0 3px}.plan-days{font-size:11px;margin-bottom:17px}.price-original{font-size:14px}.price-original small{font-size:10px}.price-value{font-size:clamp(31px,8vw,39px);letter-spacing:-1.8px}.price-value small{font-size:10px}.price-plan .price-per-day{font-size:11px;margin-top:10px}.price-per-day strong{font-size:12px;padding:7px 10px}}
/* Make plan term, duration, and crossed-out price easier to scan. */
.price-plan h3{font-size:clamp(25px,2.1vw,31px);margin-bottom:6px}
.plan-days{font-size:15px;margin-bottom:23px}
.price-original{font-size:22px;gap:7px}
.price-original small{font-size:14px}
@media(max-width:650px){.price-plan h3{font-size:clamp(18px,5vw,21px);margin-bottom:5px}.plan-days{font-size:12px;margin-bottom:18px}.price-original{font-size:16px;gap:5px}.price-original small{font-size:11px}}
/* Full-width, trial-first offer: the whole offer opens the download page. */
.trial-deal{position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(300px,1fr) minmax(230px,auto);grid-template-rows:auto 1fr;align-items:center;gap:18px 36px;min-height:250px;margin:0 0 48px;padding:31px clamp(24px,4.5vw,66px);overflow:hidden;border:1px solid #ffe1c4;border-radius:8px;color:#fff;text-decoration:none;background:radial-gradient(ellipse at 86% 35%,#ffb17d40,transparent 35%),radial-gradient(ellipse at 4% 105%,#394de999,transparent 44%),linear-gradient(112deg,#18204c,#293696 57%,#262354);box-shadow:0 26px 65px #171c512e;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.trial-deal:before{content:'';position:absolute;z-index:-1;width:330px;height:330px;inset-inline-end:7%;top:-220px;border:1px solid #fff3;border-radius:50%;box-shadow:0 0 0 25px #ffffff08,0 0 0 56px #ffffff07,0 0 0 91px #ffffff05;pointer-events:none}
.trial-deal:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,transparent 34%,#ffffff08 50%,transparent 66%);transform:translateX(-100%);transition:transform .8s ease;pointer-events:none}
.trial-deal:hover,.trial-deal:focus-visible{transform:translateY(-5px);border-color:#ffd4ad;box-shadow:0 32px 76px #151b5a50,0 0 0 4px #ffc39420;outline:0}
.trial-deal:hover:after,.trial-deal:focus-visible:after{transform:translateX(100%)}
.trial-deal-badge{grid-column:1/-1;display:inline-flex;align-items:center;justify-self:start;gap:9px;padding:10px 16px;border:1px solid #ffd7a878;border-radius:40px;background:linear-gradient(100deg,#ffb979,#ffd79b);color:#28328e;font-size:13px;font-weight:900;letter-spacing:.35px;box-shadow:0 7px 24px #ffbd8031}
.trial-deal-badge>span:first-child{font-size:18px;animation:dealSpark 2.7s ease-in-out infinite}
.trial-deal-main{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:175px;padding-inline:10px;border-inline-end:1px solid #ffffff35}
.trial-deal-main strong{font:900 clamp(90px,10vw,142px)/.82 Arial,sans-serif;letter-spacing:-9px;color:#ffd2a8;text-shadow:0 9px 35px #f1a77538}
.trial-deal-main>span{margin-top:17px;color:#fff;font-size:24px;font-weight:900;white-space:nowrap}
.trial-deal>p{grid-column:2;grid-row:2;align-self:center;max-width:650px;margin:0;color:#f7f5ffe8;font-size:clamp(17px,1.45vw,21px);line-height:1.9;font-weight:600}
.trial-deal-cta{grid-column:3;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:230px;padding:17px 21px;border-radius:50px;background:linear-gradient(110deg,#ffc798,#ffe0bd);color:#27318f;font-size:16px;font-weight:900;box-shadow:0 12px 35px #ffbd8c32;transition:transform .3s,box-shadow .3s}
.trial-deal-cta b{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;border-radius:50%;background:#29348f;color:#fff;font:24px Arial;transition:transform .3s}
.trial-deal:hover .trial-deal-cta,.trial-deal:focus-visible .trial-deal-cta{transform:scale(1.035);box-shadow:0 16px 38px #ffbd8c55}
.trial-deal:hover .trial-deal-cta b,.trial-deal:focus-visible .trial-deal-cta b{transform:rotate(-45deg)}
.trial-deal-spark{position:absolute;inset-inline-end:3%;bottom:7%;font-size:42px;color:#ffd5b25c;pointer-events:none}
@keyframes dealSpark{0%,100%{transform:scale(1) rotate(0);opacity:.9}50%{transform:scale(1.18) rotate(12deg);opacity:1}}
@media(max-width:900px){.trial-deal{grid-template-columns:auto minmax(0,1fr);gap:16px 25px;min-height:0}.trial-deal-badge{grid-column:1/-1}.trial-deal-main{grid-column:1;grid-row:2/4;min-width:145px}.trial-deal-main strong{font-size:clamp(78px,13vw,115px)}.trial-deal-main>span{font-size:20px}.trial-deal>p{grid-column:2;grid-row:2;font-size:16px}.trial-deal-cta{grid-column:2;grid-row:3;justify-self:start;min-width:230px}}
@media(max-width:600px){.trial-deal{grid-template-columns:1fr;gap:13px;margin-bottom:34px;padding:22px 19px 20px;text-align:center}.trial-deal-badge{grid-column:1;justify-self:center;font-size:11px;padding:8px 13px}.trial-deal-main{grid-column:1;grid-row:auto;flex-direction:row;gap:12px;min-width:0;padding:0;border:0}.trial-deal-main strong{font-size:clamp(82px,24vw,112px);letter-spacing:-6px}.trial-deal-main>span{margin:0;font-size:clamp(22px,6vw,29px)}.trial-deal>p{grid-column:1;grid-row:auto;font-size:15px;line-height:1.8}.trial-deal-cta{grid-column:1;grid-row:auto;justify-self:stretch;min-width:0;padding:12px 16px;font-size:15px}.trial-deal-cta b{width:34px;height:34px;flex-basis:34px}.trial-deal-spark{font-size:28px}}
@media(prefers-reduced-motion:reduce){.trial-deal,.trial-deal:before,.trial-deal:after,.trial-deal-badge>span:first-child,.trial-deal-cta,.trial-deal-cta b{animation:none!important;transition:none!important}}
/* CTA and store note within the full-width trial deal. */
.trial-deal-action{grid-column:3;grid-row:2;display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:250px}
.trial-deal-action .trial-deal-cta{grid-column:auto;grid-row:auto;min-width:0;width:100%;min-height:76px;padding:17px 23px;font-size:19px}
.trial-deal-action .trial-deal-cta b{width:46px;height:46px;flex-basis:46px;font-size:27px}
.trial-deal-store-note{color:#e9e8ffcf;font-size:12px;line-height:1.6;text-align:center}
@media(max-width:900px){.trial-deal-action{grid-column:2;grid-row:3;justify-self:start;min-width:260px}.trial-deal-action .trial-deal-cta{min-height:70px}}
@media(max-width:600px){.trial-deal-action{grid-column:1;grid-row:auto;justify-self:stretch;min-width:0;width:100%;gap:9px}.trial-deal-action .trial-deal-cta{justify-self:stretch;min-height:64px;padding:12px 16px;font-size:17px}.trial-deal-action .trial-deal-cta b{width:38px;height:38px;flex-basis:38px}.trial-deal-store-note{font-size:12px}}
/* Bigger hot-deal badge with a continuous back-and-forth shine. */
.trial-deal-badge{position:relative;isolation:isolate;overflow:hidden;max-width:100%;box-sizing:border-box;gap:12px;padding:15px 24px;font-size:clamp(19px,1.75vw,25px);line-height:1.2;white-space:normal;text-align:center;box-shadow:0 8px 28px #ffbd8040,0 0 0 1px #fff2}
.trial-deal-badge>span:first-child{position:relative;z-index:1;flex:0 0 auto;font-size:1.2em;animation:dealSpark 2.7s ease-in-out infinite}
.trial-deal-badge>span:last-child{position:relative;z-index:1}
.trial-deal-badge:after{content:'';position:absolute;z-index:0;inset:-65% auto -65% -45%;width:37%;transform:skewX(-24deg);background:linear-gradient(90deg,transparent,#fff9,transparent);animation:dealShine 2.8s ease-in-out infinite alternate;pointer-events:none}
@keyframes dealShine{from{left:-45%}to{left:118%}}
.trial-deal-store-note{display:block;width:100%;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;font-size:clamp(17px,1.45vw,21px);font-weight:700;line-height:1.55;text-align:center}
@media(max-width:600px){.trial-deal-badge{gap:8px;padding:11px 15px;font-size:clamp(16px,4.6vw,19px)}.trial-deal-store-note{font-size:16px;line-height:1.55}}
@media(prefers-reduced-motion:reduce){.trial-deal-badge:after{animation:none!important}}
/* Clear two-path download layout with a single Microsoft Store mark. */
.download-stage{padding-top:72px}
.download-road{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}
.download-choice{display:flex;flex-direction:column;align-items:flex-start;min-height:480px;padding:clamp(30px,4vw,58px);border:1px solid #ffffffa8;box-shadow:0 25px 70px #090e3c28;transition:transform .35s ease,box-shadow .35s ease}
.download-choice:hover{transform:translateY(-5px);box-shadow:0 32px 80px #090e3c45}
.download-choice.download-site{background:linear-gradient(145deg,#e4e7ff,#cbd4ff)}
.download-choice.store{background:linear-gradient(145deg,#ffdac6,#ffc09f)}
.download-choice .choice-index{font-size:13px;letter-spacing:1.7px}
.download-choice h2{max-width:100%;margin:27px 0 17px;font-size:clamp(29px,3vw,43px);line-height:1.35;font-weight:900}
.download-choice p{max-width:570px;min-height:0;margin:0 0 24px;font-size:clamp(16px,1.3vw,19px);line-height:1.95}
.download-compat{display:inline-flex;align-items:center;margin:0 0 26px;padding:11px 16px;border:1px solid #3444bd2b;border-radius:40px;background:#ffffffb8;color:#25348f;font-size:14px;font-weight:800;line-height:1.5}
.download-choice .soft-button{min-height:66px;margin-top:auto;padding:15px 24px;gap:20px;font-size:17px;box-shadow:0 10px 30px #2637ba2e}
.download-choice .soft-button b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffffff26;font:22px Arial}
.download-choice.store .soft-button{background:#263bcf}
.download-choice.store .soft-button:hover{background:#19288f}
.download-choice .soft-button:hover,.download-choice .soft-button:focus-visible{transform:none;animation:downloadNudge 1.25s ease-in-out infinite;box-shadow:0 14px 36px #2637ba4a;outline:2px solid #ffffffaa;outline-offset:3px}
@keyframes downloadNudge{0%,100%{translate:0 0;rotate:0deg}20%{translate:-1px 0;rotate:-.25deg}40%{translate:1px -1px;rotate:.25deg}60%{translate:-1px 1px;rotate:-.2deg}80%{translate:1px 0;rotate:.2deg}}
.download-choice .store-logo{display:grid;place-items:center;width:82px;height:82px;margin-top:27px;border-radius:23px;background:linear-gradient(145deg,#354de2,#2432a2);box-shadow:0 14px 35px #283bb737}
.store-logo svg{display:block;width:53px;height:53px;filter:drop-shadow(0 3px 5px #10164b25)}
.download-choice.store h2{margin-top:20px}
.download-road~.versus{display:none}
@media(max-width:900px){.download-road{gap:18px}.download-choice{min-height:440px;padding:30px 24px}.download-choice h2{font-size:clamp(25px,3.4vw,34px)}.download-choice p{font-size:15px}.download-compat{font-size:12px;padding:9px 12px}}
@media(max-width:650px){.download-stage{padding:52px 18px 85px}.download-road{grid-template-columns:1fr;gap:17px}.download-choice{min-height:0;padding:28px 22px}.download-choice h2{margin:22px 0 12px;font-size:clamp(28px,7vw,34px)}.download-choice.store h2{margin-top:17px}.download-choice p{font-size:15px;margin-bottom:18px}.download-compat{margin-bottom:20px;font-size:12px}.download-choice .soft-button{min-height:59px;font-size:16px}.download-choice .store-logo{width:70px;height:70px;margin-top:22px}.store-logo svg{width:47px;height:47px}}
@media(prefers-reduced-motion:reduce){.download-choice,.download-choice .soft-button{transition:none!important;animation:none!important}}
/* Compact, balanced download cards. */
.download-choice{min-height:365px;padding:clamp(30px,3.4vw,48px);border-radius:5px}
.download-choice .choice-index{font-size:12px}
.download-choice h2{margin:25px 0 13px;font-size:clamp(28px,2.55vw,37px);line-height:1.3}
.download-choice p{font-size:clamp(15px,1.12vw,17px);line-height:1.8;margin-bottom:27px}
.download-choice .soft-button{align-self:flex-start;min-height:56px;margin-top:0;padding:12px 19px;gap:14px;font-size:15px;border-radius:30px}
.download-choice .soft-button b{width:29px;height:29px;flex-basis:29px;font-size:19px}
.download-choice .store-logo{width:66px;height:66px;margin-top:22px;border-radius:18px}
.download-choice .store-logo svg{width:43px;height:43px}
.download-choice.store h2{margin-top:18px}
.download-road{gap:22px}
.download-choice.download-site{background:linear-gradient(145deg,#dbe2ff,#c9d2ff)}
.download-choice.store{background:linear-gradient(145deg,#ffddcd,#ffc7aa)}
.download-faqline{justify-content:center;gap:clamp(18px,4vw,55px);margin:32px 0 58px;color:#eef0ff;font-size:18px;font-weight:800}
.download-faqline span{padding:13px 20px;border:1px solid #ffffff30;border-radius:40px;background:linear-gradient(120deg,#ffffff12,#ffffff08);box-shadow:0 9px 24px #080d3326}
@media(max-width:900px){.download-choice{min-height:330px;padding:27px 22px}.download-choice h2{font-size:clamp(25px,3vw,32px)}.download-faqline{gap:14px;font-size:16px}.download-faqline span{padding:11px 15px}}
@media(max-width:650px){.download-choice{min-height:0;padding:25px 21px}.download-choice h2{margin:19px 0 11px;font-size:clamp(26px,6.8vw,32px)}.download-choice p{font-size:15px;margin-bottom:21px}.download-choice .soft-button{min-height:53px;font-size:14px}.download-choice .store-logo{width:58px;height:58px;margin-top:18px}.store-logo svg{width:39px;height:39px}.download-faqline{display:grid;grid-template-columns:1fr;justify-items:stretch;gap:9px;margin:26px 0 42px;font-size:16px}.download-faqline span{text-align:center;padding:12px}}

/* V4.6 — integrate the logo with the header and remove the detached light ribbon. */
.site-header::before,
.site-header::after{display:none!important}
.site-header .logo{
  position:relative;
  flex:0 0 188px;
  width:188px;
  height:82px;
  border-radius:16px;
  isolation:isolate;
  overflow:hidden;
  background:radial-gradient(ellipse at 53% 58%,rgba(69,89,255,.17),rgba(8,10,17,0) 72%);
}
.site-header .logo::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:18%;right:18%;bottom:6px;height:14px;
  border-radius:50%;
  background:linear-gradient(90deg,rgba(79,190,255,.16),rgba(255,199,130,.3),rgba(174,126,255,.18));
  filter:blur(10px);
  pointer-events:none;
}
.site-header .official-logo{
  width:100%;height:100%;
  object-fit:cover;
  object-position:50% 34%;
  filter:drop-shadow(0 3px 7px rgba(1,5,25,.55));
  transition:filter .3s,transform .3s;
}
.site-header .logo:hover .official-logo{
  transform:scale(1.035);
  filter:drop-shadow(0 4px 10px rgba(1,5,25,.62)) drop-shadow(0 0 7px rgba(129,190,255,.18));
}
@media(max-width:1100px){.site-header .logo{flex-basis:156px;width:156px;height:72px}}
@media(max-width:650px){.site-header .logo{flex-basis:120px;width:120px;height:59px;border-radius:12px}}
@media(max-width:380px){.site-header .logo{flex-basis:104px;width:104px;height:56px}}

/* Tool archive: restore strong contrast and make the first feature feel intentionally interactive. */
.feature-browser{color:#f4f3ff;background:radial-gradient(ellipse at 75% 0%,#29377755,transparent 52%)}
.feature-browser-top h2{color:#fff}
.feature-browser input[type=search]{color:#fff;border-color:#7182ff}
.feature-browser input[type=search]::placeholder{color:#c0c6e2}
.filter-pills button{border-color:#929cce;color:#e0e4ff;background:#ffffff08}
.feature-result-count{color:#c5cae3}
.feature-list{border-color:#ffffff55}
.feature-item{color:#f4f3ff;border-color:#ffffff40}
.feature-item strong{color:#fff}
.feature-item p{color:#c5cbe3}
.feature-item .f-tag{color:#d5d9ee}
.feature-item .number,.feature-item .arr{color:#a9b4ff}
.feature-item:hover{background:#eef0ff;color:#151a3d}
.feature-item:hover strong{color:#151a3d}
.feature-item:hover p,.feature-item:hover .f-tag{color:#59617e}
.feature-item:hover .number,.feature-item:hover .arr{color:#3345e8}
.feature-item-open{position:relative;width:100%;font:inherit;text-align:inherit;text-decoration:none;background:linear-gradient(100deg,#ffffff10,#6173df19);cursor:pointer}
.feature-item-open:after{content:'OPEN FEATURE';position:absolute;top:8px;inset-inline-start:82px;color:#ffcfaa;font:700 9px Arial,sans-serif;letter-spacing:1.6px;opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s}
.feature-item-open:hover:after,.feature-item-open:focus-visible:after{opacity:1;transform:none}
.feature-item-open:focus-visible{outline:2px solid #ffcfaa;outline-offset:3px}
.feature-item-open .arr{font-size:28px}



/* Make the home hero welcome line legible and intentional. */
.hero-copy .eyebrow{
  width:fit-content;
  max-width:100%;
  gap:12px;
  margin:0 0 17px auto;
  padding:9px 15px;
  border:1px solid rgba(255,220,176,.3);
  border-radius:999px;
  background:linear-gradient(110deg,rgba(255,255,255,.08),rgba(255,211,158,.1));
  box-shadow:0 8px 25px rgba(9,13,48,.15),inset 0 1px rgba(255,255,255,.08);
  color:#ffe0bf;
  font-size:clamp(15px,1.2vw,17px);
  font-weight:800;
  line-height:1.5;
  letter-spacing:0;
}
.hero-copy .eyebrow .orb-dot{width:9px;height:9px;box-shadow:0 0 0 5px #ffb17e25,0 0 13px #ffbd82a0}
@media(max-width:650px){.hero-copy .eyebrow{font-size:14px;padding:7px 12px;margin-bottom:13px}}
.hero-topline{justify-content:flex-start}
.hero-topline .coordinates{position:absolute;left:0}
/* Final download-page alignment and footer contact balance. */
.download-choice .soft-button{margin-top:auto}
.download-choice{min-height:365px}
.download-faqline{gap:clamp(14px,2.5vw,34px);margin:38px 0 56px;font-size:clamp(20px,1.8vw,28px)}
.download-faqline span{padding:16px 23px;font-weight:900;line-height:1.45;text-align:center}
.process-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.process-steps>div{display:flex;align-items:center;justify-content:center;min-height:112px;padding:20px;text-align:center}
.process-steps span{margin-top:0;color:#f1efff;font-size:18px;line-height:1.65}
.footer-contact{text-align:center}
.footer-contact address{align-items:center}
.footer-contact .footer-tel{justify-content:center}
.footer-contact .footer-tel>span{text-align:center}
@media(max-width:900px){.download-faqline{font-size:clamp(18px,2.4vw,23px)}.download-faqline span{padding:13px 18px}.process-steps span{font-size:16px}}
@media(max-width:650px){.download-faqline{font-size:17px;gap:9px;margin:27px 0 39px}.download-faqline span{padding:12px 14px}.process-steps{grid-template-columns:1fr 1fr}.process-steps>div{min-height:95px;padding:14px}.process-steps span{font-size:15px}.footer-contact{grid-column:span 2;text-align:center}.footer-contact address{align-items:center}.footer-contact .footer-tel{justify-content:center}}
/* Stylish four-step download path replaces the old feature-chip row. */
.process-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;border:0;margin:34px 0 54px}
.process-steps>div{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:15px;min-height:180px;padding:24px 27px;border:1px solid #ffffff2d;border-radius:8px;background:linear-gradient(145deg,#202c62,#141b3d 78%);box-shadow:0 16px 38px #080d2c2b;overflow:hidden}
.process-steps>div:after{content:'';position:absolute;inset-inline-start:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,#ffbf9b,#8899ff,transparent)}
.process-steps b{display:block;color:#fff;font:900 clamp(54px,6vw,78px)/.8 Arial,sans-serif;letter-spacing:-4px;text-shadow:0 7px 25px #070a2777}
.process-steps span{margin:0;color:#f5f4ff;font-size:clamp(16px,1.3vw,20px);line-height:1.6;font-weight:800}
.process-steps>div:nth-child(2) b{color:#ffc7a7}.process-steps>div:nth-child(3) b{color:#b9c4ff}.process-steps>div:nth-child(4) b{color:#fff}
@media(max-width:900px){.process-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.process-steps>div{min-height:150px;padding:20px}.process-steps b{font-size:58px}.process-steps span{font-size:16px}}
@media(max-width:520px){.process-steps{grid-template-columns:1fr 1fr;gap:9px;margin:27px 0 39px}.process-steps>div{min-height:130px;padding:15px;gap:12px}.process-steps b{font-size:49px}.process-steps span{font-size:14px}}

/* The paired offer artwork is one large, accessible download button. */
.trial-deal.trial-deal-art{
  display:block;position:relative;width:100%;max-width:1500px;min-height:0;
  aspect-ratio:2171 / 724;margin:0 auto 52px;padding:0;overflow:visible;
  border:0;border-radius:0;background:transparent;box-shadow:none;isolation:isolate;
  cursor:pointer;text-decoration:none;transition:transform .18s ease,filter .25s ease;
  -webkit-tap-highlight-color:transparent
}
.trial-deal.trial-deal-art:before,.trial-deal.trial-deal-art:after{display:none}
.trial-deal-art .trial-deal-image{
  position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;
  pointer-events:none;user-select:none;-webkit-user-drag:none;transition:opacity .22s ease
}
.trial-deal-art .trial-deal-normal{opacity:1}
.trial-deal-art .trial-deal-scroll{opacity:0}
.trial-deal-art:is(:hover,:focus-visible) .trial-deal-normal{opacity:0}
.trial-deal-art:is(:hover,:focus-visible) .trial-deal-scroll{opacity:1}
.trial-deal-art:hover{transform:none;border:0;box-shadow:none}
.trial-deal-art:active{transform:translateY(6px) scale(.995);filter:drop-shadow(0 3px 4px #060b2470)}
.trial-deal-art:focus-visible{outline:3px solid #ffd484;outline-offset:7px;border-radius:14px}
@media(max-width:600px){.trial-deal.trial-deal-art{margin-bottom:36px}}
@media(prefers-reduced-motion:reduce){.trial-deal-art,.trial-deal-art .trial-deal-image{transition:none!important}}

/* Premium plan artwork from assets/new, with the original plan details retained for assistive technology. */
.price-plan.pricing-art-card{position:relative;min-height:0;aspect-ratio:2/3;padding:0;overflow:visible;border:0;background:transparent;box-shadow:none;transition:transform .32s ease,filter .32s ease}
.price-plan.pricing-art-card:hover{transform:translateY(-7px);background:transparent;box-shadow:none;filter:drop-shadow(0 18px 22px #e5a73735)}
.price-art{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 10px 13px #050a253d);transition:filter .32s ease}
.price-plan.pricing-art-card:hover .price-art{filter:drop-shadow(0 17px 20px #ffc34a55) brightness(1.035)}
.plan-details-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pricing-art-badge{position:absolute;top:8%;left:50%;z-index:1;transform:translateX(-50%);padding:7px 13px;border:1px solid #fff1b1;border-radius:999px;background:linear-gradient(130deg,#fff1a6,#e9a91e);box-shadow:0 4px 16px #100d1d55;color:#142245;font-size:clamp(10px,.9vw,14px);font-weight:900;white-space:nowrap}
.price-plan.pricing-art-card .price-go{left:41%;right:auto;bottom:1.2%;z-index:2;width:18%;height:11%;padding:0;border:0;border-radius:50%;background:transparent;color:transparent;opacity:0;cursor:pointer}
.price-plan.pricing-art-card .price-go:focus-visible{opacity:1;outline:3px solid #fff3b1;outline-offset:3px}
@media(max-width:650px){.price-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.price-plan.pricing-art-card{min-height:0;padding:0}.price-plan.pricing-art-card:hover{transform:translateY(-4px)}.pricing-art-badge{top:7%;padding:5px 9px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.price-plan.pricing-art-card,.price-art{transition:none!important}}

/* The contact artwork stays tappable and keeps its Arabic text accessible; English uses the translated live contact details. */
.contact-art-card{position:relative;width:100%;max-width:650px;margin:0 auto;aspect-ratio:1314/1308;overflow:hidden;border-radius:18px;filter:drop-shadow(0 22px 38px #050b2540)}
.contact-art-card>img{display:block;width:100%;height:100%;object-fit:contain}
.contact-hotspot{position:absolute;left:5%;right:5%;height:10%;z-index:1;border-radius:999px;transition:background .2s,box-shadow .2s}
.contact-hotspot-one{top:15%}.contact-hotspot-two{top:26.7%}.contact-hotspot-three{top:38.3%}
.contact-hotspot:hover{background:#ffd25b12;box-shadow:0 0 0 2px #ffd25bcc,inset 0 0 25px #ffd25b1a}
.contact-hotspot:focus-visible{outline:3px solid #ffcf57;outline-offset:3px}
html[lang="ar"] .contact-left-copy{display:none}
html[lang="en"] .contact-art-card{display:none}
html[lang="en"] .price-plan.pricing-art-card{aspect-ratio:auto;min-height:480px;padding:35px 23px 88px;overflow:hidden;border:1px solid #252e8910;background:#eeedf2;box-shadow:0 18px 40px #2429540a}
html[lang="en"] .price-plan.pricing-art-card.chosen{background:radial-gradient(ellipse at 80% 0%,#8190ff55,transparent 46%),linear-gradient(145deg,#3547df,#252b91);box-shadow:0 25px 55px #303c9a38}
html[lang="en"] .price-art,html[lang="en"] .pricing-art-badge{display:none}
html[lang="en"] .plan-details-accessible{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal;border:0}
html[lang="en"] .price-plan.pricing-art-card .price-go{left:auto;right:26px;bottom:25px;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:#2738be;color:#fff;opacity:1}
html[lang="en"] .price-plan.pricing-art-card.chosen .price-go{background:#ffc3a1;color:#2934ae}
@media(max-width:650px){.contact-art-card{max-width:560px;margin-bottom:25px;border-radius:12px}}
@media(max-width:650px){html[lang="en"] .price-plan.pricing-art-card{min-height:365px;padding:26px 12px 67px}html[lang="en"] .price-plan.pricing-art-card .price-go{right:12px;bottom:12px;width:37px;height:37px}}

/* New wide visual links for the pricing and download sections. */
.pricing-banner-button{display:block;width:min(100%,1080px);margin:10px auto 8px;padding:0;border:0;background:transparent;cursor:pointer;transition:filter .25s,transform .25s}
.pricing-banner-button img{display:block;width:100%;height:auto;object-fit:contain}
.pricing-banner-button:hover{filter:drop-shadow(0 10px 25px #ffc74d5c);transform:translateY(-3px)}
.pricing-banner-button:active{transform:translateY(3px) scale(.995)}
.pricing-banner-button:focus-visible,.download-art-button:focus-visible{outline:3px solid #ffd98b;outline-offset:5px;border-radius:12px}
.pricing-note{justify-content:flex-end}
#price-rail{scroll-margin-top:calc(var(--header) + 25px)}
.process-art{display:block;width:100%;height:auto;margin:20px auto 44px;object-fit:contain}
html[lang="ar"] .process-steps{display:none}
html[lang="en"] .process-art{display:none}
.download-art-button{display:block;width:100%;padding:0;border:0;border-radius:14px;background:transparent;line-height:0;cursor:pointer;transition:transform .25s,filter .25s}
.download-art-button img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:inherit}
.download-art-button:hover{transform:translateY(-5px) scale(1.006);filter:drop-shadow(0 14px 24px #4364ec55)}
.download-art-button:active{transform:translateY(4px) scale(.995)}
html[lang="ar"] .download-choice{display:block;min-height:0;aspect-ratio:3/2;padding:0;overflow:visible;border:0;border-radius:14px;background:transparent;box-shadow:none}
html[lang="ar"] .download-choice.store{background:transparent}
html[lang="ar"] .download-choice:hover{transform:none;box-shadow:none}
html[lang="ar"] .download-choice-copy{display:none}
html[lang="en"] .download-art-button{display:none}
@media(max-width:650px){html[lang="ar"] .process-art{display:none}html[lang="ar"] .process-steps{display:grid}.process-art{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.pricing-banner-button,.download-art-button{transition:none}}

/* Lift the best-selling marker clear of the yearly artwork and strengthen contrast. */
.pricing-art-badge{top:-3.5%;background:linear-gradient(135deg,#2539cb,#111a50);border:1px solid #ffe09a;color:#fff2c8;box-shadow:0 0 0 4px #eecb6b24,0 9px 24px #060d2b88,inset 0 1px #ffffff55}

/* Equal download tiles and tighter spacing around the four-step banner. */
html[lang="ar"] .download-road{align-items:stretch}
html[lang="ar"] .download-choice{position:relative;width:100%;height:auto;aspect-ratio:16/10}
html[lang="ar"] .download-art-button{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
html[lang="ar"] .download-art-button img{width:100%;height:100%;aspect-ratio:auto;object-fit:fill}
.process-art{height:clamp(100px,11vw,155px);margin:0 auto 18px;aspect-ratio:auto;object-fit:cover;object-position:center}
.download-stage{padding-bottom:58px}
@media(max-width:650px){.process-art{display:none}html[lang="ar"] .process-steps{margin:20px 0 16px}.download-stage{padding-bottom:34px}}

/* Tighten the pricing flow and show only the compact, central pricing banner artwork. */
.trial-deal.trial-deal-art{margin-bottom:0}
.pricing-banner-button{width:30%;min-width:260px;max-width:324px;height:clamp(76px,7.8vw,112px);margin:-14px auto 26px;overflow:hidden}
.pricing-banner-button img{width:100%;height:100%;object-fit:cover;object-position:center}
.price-rail{gap:4px;margin-top:0}
@media(max-width:650px){.pricing-banner-button{width:78%;min-width:0;max-width:320px;height:76px;margin:-8px auto 24px}.price-rail{gap:8px}}
.process-art{margin-top:28px}

/* Full-width branded header artwork on desktop. Keep the compact, responsive header on tablets and phones. */
@media(min-width:901px){
  .site-header{background-color:#080b17;background-image:url('new/OOJA_Header_Elongated_3200x206.webp');background-repeat:no-repeat;background-position:center;background-size:100% 100%;border-bottom:1px solid #e4b95766;backdrop-filter:none;box-shadow:0 8px 28px #05091655}
  .site-header>.logo{display:none}
  .site-header>.main-nav{padding-inline-start:clamp(145px,14vw,225px)}
}

/* Mobile layouts verified at 360, 390, 430 and 768 CSS pixels. */
.mobile-trial-copy,.download-art-label{display:none}
@media(max-width:900px){
  .site-header .main-nav{position:absolute;inset-inline:0;top:100%;width:100%;max-width:100%;height:50px;display:flex;justify-content:flex-start;gap:22px;padding:0 16px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;background:#0b1026;scroll-padding-inline:16px;overscroll-behavior-inline:contain;touch-action:pan-x}
  .site-header .main-nav .nav-link{flex:0 0 auto;display:flex;align-items:center;min-height:48px;padding:10px 0;font-size:14px}
  .site-header .main-nav::after{display:none}
  .sub-hero{padding-top:calc(var(--header) + 88px)}
  .feature-page-main{padding-top:calc(var(--header) + 50px)}
  .feature-browser-top>*{min-width:0}
  .feature-item{overflow-wrap:anywhere}
}
@media(max-width:650px){
  .trial-deal.trial-deal-art{aspect-ratio:auto;min-height:172px;margin:0 auto 16px;padding:22px 16px;border:1px solid #f9cf82;border-radius:18px;background:radial-gradient(ellipse at 90% 0%,#3349b8,#111b46 80%);box-shadow:0 10px 30px #050b2840}
  .trial-deal-art .trial-deal-image{display:none}
  .mobile-trial-copy{display:grid;gap:10px;text-align:center;color:#f9f5ea;line-height:1.7}
  .mobile-trial-copy strong{font-size:23px;color:#ffe0a2}
  .mobile-trial-copy>span{font-size:15px}
  .mobile-trial-copy>b{display:block;width:fit-content;margin:3px auto 0;padding:9px 20px;border-radius:28px;background:linear-gradient(110deg,#ffe5b0,#ffd08e);color:#17245b;font-size:17px}
  html[lang="ar"] .download-choice{aspect-ratio:auto}
  html[lang="ar"] .download-art-button{position:relative;inset:auto;height:auto;overflow:hidden;line-height:normal;background:#17234f;border:1px solid #6177b8}
  html[lang="ar"] .download-art-button img{height:auto;aspect-ratio:16/10;object-fit:fill}
  .download-art-label{display:flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:12px 16px;color:#ffdfaa;font-size:18px;font-weight:800;line-height:1.5}
  html[lang="ar"] .contact-left-copy{display:block;margin-top:20px}
  .contact-left-copy>.contact-mood,.contact-left-copy>h2,.contact-left-copy>p{display:none}
  .contact-left-copy .contact-platform{padding:16px 14px;gap:14px;border:1px solid #a8b6f04d;border-radius:12px;margin:10px 0;background:#182249;color:#fff}
  .contact-left-copy .contact-platform b{font-family:inherit;font-size:14px;letter-spacing:0;color:#ffdfaa}
  .contact-left-copy .contact-platform small{display:block;margin-top:7px;font-size:22px;font-weight:800;color:#fff}
  .contact-left-copy .contact-addresses p{font-size:15px}
  .contact-art-card{margin-bottom:0}
  .price-rail{row-gap:32px}
  .footer-tel a{min-height:44px;display:inline-flex;align-items:center;font-size:16px}
  .feature-page-heading{padding-bottom:22px}
  .feature-back{min-height:52px}
}

/* AI artwork composed specifically for phone screens. */
.trial-deal-mobile-image{display:none}
@media(max-width:650px){
  .trial-deal.trial-deal-art{min-height:0;padding:0;border:0;background:transparent;box-shadow:none;border-radius:16px;overflow:hidden}
  .trial-deal-art .mobile-trial-copy{display:none}
  .trial-deal-mobile-image{display:block;width:100%;height:auto;object-fit:contain}
}
/* Solution archive: compact spacing and evenly distributed illuminated benefits. */
[data-page="features"] .sub-hero h1{max-width:1100px;font-size:clamp(38px,5.1vw,76px);line-height:1.4;letter-spacing:-1px}
[data-page="features"] .feature-browser{padding-top:24px}
.feature-benefits{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;max-width:1180px;margin:0 auto 30px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.feature-benefits span{position:relative;isolation:isolate;overflow:hidden;justify-content:center;min-height:66px;padding:12px 8px;text-align:center;font-size:clamp(16px,1.4vw,21px);line-height:1.5;color:#fff2d5;border:1px solid #e8ba6380;border-radius:17px;background:linear-gradient(140deg,#364a8c66,#111a3eaa);box-shadow:inset 0 1px #fff1c333,0 5px 20px #e6b84a0f}
.feature-benefits span:before{color:#ffdb83;font-size:17px;text-shadow:0 0 12px #ffce65}
.feature-benefits span:after{content:'';position:absolute;z-index:-1;inset:-60% auto -60% -75%;width:45%;background:linear-gradient(90deg,transparent,#ffe5a34a,transparent);transform:skewX(-22deg);animation:solutionGoldSweep 6s ease-in-out infinite;pointer-events:none}
.feature-benefits span:nth-child(2n):after{animation-delay:1s}
.feature-benefits span:nth-child(3n):after{animation-delay:2s}
@keyframes solutionGoldSweep{0%,45%{left:-75%}85%,100%{left:145%}}
.feature-browser-top{gap:18px;margin-bottom:20px}
.feature-browser-top h2{font-size:clamp(28px,3.4vw,48px);margin:10px 0;line-height:1.5}
.feature-browser-top .section-numeral{color:#ffda99}
.feature-result-count{font-family:inherit;font-size:14px;margin:12px 0}
.feature-item{display:grid;grid-template-columns:52px minmax(0,1.15fr) minmax(0,1fr) 95px 28px;gap:20px;padding:26px 18px;margin-top:12px;border:1px solid #9daef340;border-radius:14px}
.feature-list{border:0}
.feature-item strong{font-size:21px;line-height:1.7}
.feature-item p{font-size:15px;line-height:1.9;max-width:none}
.feature-item .number{color:#ffe0a4;font-size:30px;width:auto}
.feature-item .f-tag{width:auto;font-size:13px}
.feature-item-open:after{display:none}
.feature-empty{padding:24px;text-align:center;color:#e0e6ff;font-size:18px}
@media(max-width:1000px){.feature-benefits{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px}.feature-item{grid-template-columns:42px minmax(0,1fr) 28px;gap:10px 15px}.feature-item p{grid-column:2;grid-row:2;order:initial;margin:0;width:auto}.feature-item .f-tag{display:none}.feature-item .arr{grid-column:3;grid-row:1 / span 2}}
@media(max-width:650px){[data-page="features"] .feature-browser{padding:20px 18px 60px}.feature-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:24px}.feature-benefits span{font-size:18px;min-height:60px;padding:10px 7px;border-radius:13px}.feature-browser-top{gap:12px;margin-bottom:12px}.feature-browser-top h2{font-size:29px}.feature-item{padding:18px 12px;grid-template-columns:32px minmax(0,1fr) 20px;gap:8px}.feature-item strong{font-size:18px;min-width:0}.feature-item p{font-size:14px}.feature-item .number{font-size:24px}.feature-item:hover{padding-inline:12px;transform:none}}
@media(prefers-reduced-motion:reduce){.feature-benefits span:after{animation:none}}

/* A direct return to the solutions skips the opening brand animation. */
html[data-skip-intro] #introOverlay{display:none}
.feature-browser-top{scroll-margin-top:calc(var(--header) + 24px)}
@media(max-width:650px){.feature-browser-top{scroll-margin-top:calc(var(--header) + 70px)}}

/* Render the requested section from the first frame of a standalone feature return. */
html[data-boot-route="features"] #main>.page{display:none;animation:none}
html[data-boot-route="features"] #main>[data-page="features"]{display:block}
html[data-boot-route="features"] .main-nav [data-route="home"]{color:inherit}
html[data-boot-route="features"] .main-nav [data-route="home"]:after{width:0}
html[data-boot-route="features"] .main-nav [data-route="features"]{color:#ffdc9d}
html[data-boot-route="features"] .main-nav [data-route="features"]:after{width:100%}
html[data-return-list][data-boot-route] #main,html[data-return-list][data-boot-route] .global-footer{visibility:hidden}
html[data-return-list] #main>[data-page="features"]{animation:none;transform:none;filter:none}

/* Faster portrait changes: layered depth and a warm light sweep, with a fixed frame. */
.photo-sculpture .photo-base,.photo-sculpture .photo-next{
 transition:opacity .58s cubic-bezier(.22,.75,.2,1),transform .72s cubic-bezier(.16,1,.3,1);
 filter:none;will-change:opacity,transform;transform-origin:50% 42%;
}
.photo-sculpture .photo-base{opacity:1;transform:scale(1)}
.photo-sculpture .photo-next{opacity:0;transform:scale(1.045) translateX(1.2%)}
.photo-sculpture.is-next-active .photo-base{opacity:0;filter:none;transform:scale(1.045) translateX(-1.2%)}
.photo-sculpture.is-next-active .photo-next{opacity:1;filter:none;transform:scale(1)}
.lara-light-sweep{position:absolute;z-index:2;inset:-15% auto -15% 0;width:45%;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,#ffd59d22 30%,#fff3d952 52%,#b8d9ff25 70%,transparent);mix-blend-mode:screen}
@media(prefers-reduced-motion:reduce){.photo-sculpture .photo-base,.photo-sculpture .photo-next{transition:none;transform:none!important}.lara-light-sweep{display:none}}

/* OOJA.net contact artwork: match the image geometry and its three phone rows. */
.contact-art-card{aspect-ratio:1306/1204}
.contact-hotspot{height:10.5%}
.contact-hotspot-one{top:16.6%}
.contact-hotspot-two{top:29.1%}
.contact-hotspot-three{top:41.5%}

/* Preserve branded header artwork at every scroll position. */
@media(min-width:901px){.site-header.scrolled{background-image:url('new/OOJA_Header_Elongated_3200x206.webp');background-size:100% 100%;background-position:center;background-repeat:no-repeat}}
/* Explicit motion control for the requested portrait and neon strip. */
html[data-showcase-motion="on"] .photo-sculpture .photo-base,html[data-showcase-motion="on"] .photo-sculpture .photo-next{transition:opacity .58s cubic-bezier(.22,.75,.2,1),transform .72s cubic-bezier(.16,1,.3,1)!important}
html[data-showcase-motion="on"] .photo-sculpture .photo-base{transform:scale(1)!important}
html[data-showcase-motion="on"] .photo-sculpture .photo-next{transform:scale(1.035)!important}
html[data-showcase-motion="on"] .photo-sculpture.is-next-active .photo-base{transform:scale(1.035)!important}
html[data-showcase-motion="on"] .photo-sculpture.is-next-active .photo-next{transform:scale(1)!important}
.ticker-strip.neon-strip{height:auto;min-height:106px;padding:18px 6vw;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(110deg,#ffc098,#f1c686,#ffc6ae);border-block:1px solid #ffe0aa;position:relative;overflow:hidden}
.neon-strip:before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,#fff9 49%,transparent 73%);transform:translateX(-120%);pointer-events:none}
.neon-copy{min-width:0;flex:1;position:relative;text-align:center}.neon-copy small{display:block;font-size:10px;letter-spacing:3px;color:#604b37;margin-bottom:8px}.neon-copy strong{display:block;color:#202965;font-size:clamp(23px,3vw,43px);line-height:1.5;text-shadow:0 0 1px #fff,0 0 12px #fff6}
.neon-motion{border:1px solid #22336c66;color:#25315c;background:#fff3;min-height:42px;border-radius:24px;padding:9px 15px;font:700 12px Tahoma;cursor:pointer;flex-shrink:0;z-index:1}
.neon-dots{display:flex;gap:6px;justify-content:center;margin-top:8px}.neon-dots i{height:3px;width:15px;background:#233b6638;border-radius:4px}.neon-dots i.active{background:#233b66;width:30px}
@media(max-width:650px){.ticker-strip.neon-strip{padding:16px;gap:10px;min-height:130px}.neon-copy strong{font-size:23px}.neon-motion{font-size:10px;padding:9px}.neon-copy small{font-size:8px;letter-spacing:1px}}

/* Three independent neon slogans on the same warm orange ribbon. */
.ticker-strip.neon-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:12px 4vw;min-height:124px}
.neon-panel{min-width:0;min-height:92px;display:grid;align-items:center;perspective:700px;padding:12px 24px;position:relative;overflow:hidden}
.neon-panel+ .neon-panel{border-inline-start:1px solid #74543b36}
.neon-panel strong{display:block;text-align:center;color:#253065;font-size:clamp(21px,2vw,32px);line-height:1.65;font-weight:800;text-wrap:balance;text-shadow:0 0 2px #fff,0 0 16px #fff7;backface-visibility:hidden;transform-origin:center}
@media(max-width:700px){.ticker-strip.neon-trio{grid-template-columns:1fr;padding:6px 20px}.neon-panel{min-height:79px;padding:12px 8px}.neon-panel strong{font-size:23px}.neon-panel+ .neon-panel{border-inline-start:0;border-top:1px solid #74543b30}}

/* Stable ribbon geometry sized against every slogan at the current width. */
.neon-trio .neon-panel{height:var(--neon-panel-height,128px);min-height:0;max-height:var(--neon-panel-height,128px)}

/* Existing manual payment flow; accessible text and readable phone actions. */
.payment-methods{margin:38px auto 0;max-width:1360px}
.payment-banner{width:100%;height:auto;display:block;border-radius:16px}
.payment-readable{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.payment-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:18px}
.payment-actions button,.payment-actions a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:1px solid #d6b57588;border-radius:28px;padding:12px 19px;color:#ffdda2;background:#172347;font-family:inherit;font-size:14px;font-weight:700;text-align:center}
.payment-actions a{background:linear-gradient(110deg,#ffe1a5,#efb964);color:#16234a}
.payment-actions span{white-space:nowrap}
@media(max-width:900px){.payment-methods{margin-top:28px;border:1px solid #e0b76c;border-radius:18px;background:radial-gradient(ellipse at 0 0,#203d74,#0d1833 80%);padding:22px 16px}.payment-banner{display:none}.payment-readable{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;margin:0;color:#f9eedb}.payment-readable h2{font-size:26px;text-align:center;color:#ffdd9b;margin:0 0 20px}.payment-options{display:grid;gap:14px}.payment-options>div{border:1px solid #d8b96c66;padding:15px 10px;border-radius:12px;text-align:center;background:#ffffff06}.payment-options h3{font-size:17px;line-height:1.8;margin:0 0 8px}.payment-options strong{display:block;font:800 27px Arial;color:#ffda91;letter-spacing:.5px}.payment-readable p{font-size:16px;line-height:1.9;text-align:center;margin:20px 0 0}.payment-actions{display:grid;gap:10px}.payment-actions button,.payment-actions a{font-size:13px;flex-wrap:wrap;padding:12px}}

/* Keep the illuminated brand frame when the browser is narrowed, including scroll state. */
@media(min-width:901px) and (max-width:1250px){
 .site-header>.main-nav{padding-inline-start:180px;min-width:0;gap:clamp(8px,1vw,13px)}
 .site-header .nav-link{font-size:14px}
 .site-header .header-actions{flex-shrink:0}
}
@media(max-width:900px){
 .site-header,.site-header.scrolled{background-color:#07142b;background-image:url('new/OOJA_Header_Elongated_3200x206.webp');background-size:auto 100%;background-position:left center;background-repeat:no-repeat;backdrop-filter:none;border-bottom:1px solid #ecc57399;box-shadow:0 5px 20px #030b2380}
 .site-header .logo{background:none;overflow:visible}
 .site-header .official-logo{object-fit:contain}
 .site-header .main-nav{background:linear-gradient(90deg,#07152b,#112544 55%,#08162e);border-bottom:1px solid #d4ac65;box-shadow:inset 0 1px #78cfff66,inset 0 -2px #1f7ccc55,0 5px 16px #050b2180}
}

/* Preserve the artwork's logo proportions on narrow desktop windows. */
@media(min-width:901px) and (max-width:1250px){
 .site-header,.site-header.scrolled{background-size:auto 100%;background-position:right center}
 .site-header::before{content:'';display:block!important;position:absolute;inset:0 auto 0 0;width:60px;height:100%;z-index:0;pointer-events:none;background:url('new/OOJA_Header_Elongated_3200x206.webp') left center / auto 100% no-repeat;filter:none;transform:none;opacity:1;border:0;border-radius:0}
}

/* Keep image-based offers readable in tablet and split-window layouts. */
@media(min-width:651px) and (max-width:1000px){
 .price-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}
}
@media(min-width:651px) and (max-width:900px){
 .download-stage{padding:44px 5vw 40px}
 .download-road{grid-template-columns:minmax(0,1fr);max-width:640px;margin-inline:auto;gap:22px}
 html[lang="ar"] .process-art{display:none}
 html[lang="ar"] .process-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:28px auto 16px;max-width:640px}
 .process-steps>div{min-height:100px;padding:16px}
 .process-steps span{font-size:18px}
}

/* Supplied OOJA value artwork replaces the old blue employee-cost comparison. */
.pricing-value-art{margin:0 auto 26px;width:100%;max-width:1800px}
.pricing-value-art>img{display:block;width:100%;height:auto;object-fit:contain;border-radius:14px}
.pricing-value-mobile{display:none}
@media(max-width:650px){
 .pricing-value-art{margin-bottom:22px}
 .pricing-value-art>img{border-radius:8px}
 .pricing-value-mobile{display:block;padding:17px 4px 5px;color:#f8efdf;text-align:center}
 .pricing-value-mobile h2{font-size:25px;line-height:1.5;color:#ffdc91;margin:0 0 12px}
 .pricing-value-mobile p{font-size:16px;line-height:1.9;margin:10px 0}
 .pricing-value-mobile>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
 .pricing-value-mobile>div>span{font-size:14px;line-height:1.8;padding:12px 7px;border:1px solid #d8af6255;border-radius:12px;background:#ffffff05}
 .pricing-value-mobile strong{display:block;color:#ffdc91;font-size:20px;line-height:1.8}
 .pricing-value-mobile .pricing-value-benefits{font-size:14px;color:#e0cba5}
}

/* FAQ questions stay readable at rest, on hover and when expanded. */
.faq-item{margin-bottom:13px;border:1px solid #9aaed347;border-radius:15px;background:linear-gradient(130deg,#1c2b49,#131d35);overflow:hidden}
.faq-question{padding:22px 24px;gap:18px;color:#fff3df;line-height:1.7;transition:background .25s,color .25s}
.faq-question span{color:inherit;font-size:21px;font-weight:800}
.faq-question b{flex-shrink:0;color:#f1cb85}
.faq-question i{flex-shrink:0;color:#ffdda0}
.faq-question:hover,.faq-item.open .faq-question{color:#ffe1a2;background:#ffffff07}
.faq-question:focus-visible{outline:2px solid #ffdc92;outline-offset:-4px}
.faq-answer{color:#d8e2f4;font-size:17px;line-height:2}
.faq-answer p{margin:0;padding:0 79px 24px 24px}
.faq-item.open .faq-answer{max-height:1200px}
@media(max-width:650px){.faq-question{padding:18px 15px;gap:10px}.faq-question span{font-size:18px}.faq-question b{width:27px;font-size:20px}.faq-answer{font-size:16px}.faq-answer p{padding:0 15px 20px}}