@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;450;500;600;700&display=swap";:root{--navy:#0d2049;--teal:#1f8fa6;--red:#c73545;--muted:#657086;--line:#e3e8ef;--paper:#f6f8fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--navy);margin:0;font-family:IBM Plex Sans Arabic,Tahoma,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:30px;height:112px;padding:0 max(5vw,24px);display:flex}.brand{align-items:center;gap:10px;display:flex}.brand img{width:58px;height:64px}.brand>span{white-space:nowrap;font-size:23px;font-weight:600;line-height:1.4}.brand small{letter-spacing:2.4px;font-family:Arial,sans-serif;font-size:9px;font-weight:400;display:block}.partner{border-right:1px solid var(--line);padding-right:25px}.partner img{object-fit:contain;width:72px;height:72px}nav{align-items:center;gap:34px;font-size:14px;display:flex}.web-chip{background:#eff7f7;border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;display:flex}.web-chip>span,.eyebrow>span{background:var(--teal);border-radius:50%;width:6px;height:6px;display:inline-block}main{max-width:1240px;margin:auto;padding:0 48px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:28px;min-height:640px;display:grid}.hero-copy{padding:60px 0}.eyebrow{letter-spacing:.3px;color:var(--teal);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.hero h1{letter-spacing:-2px;margin:20px 0;font-size:clamp(38px,4.3vw,64px);font-weight:600;line-height:1.45}.hero h1 span{color:var(--teal)}.intro{color:var(--muted);margin:0 0 32px;font-size:17px;line-height:1.95}.primary{background:var(--navy);color:#fff;border:0;border-radius:11px;justify-content:center;align-items:center;gap:16px;padding:17px 28px;font-size:17px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 8px 20px #0d204915}.primary:hover{background:#19386e;transform:translateY(-1px)}.primary svg:last-child{margin-right:15px}.primary.small{gap:8px;padding:13px 20px;font-size:14px}.primary.small svg:last-child{margin:0}.permission{color:var(--muted);align-items:center;gap:8px;margin:18px 0;font-size:12px;display:flex}.permission i{background:#bdc6d1;border-radius:50%;width:3px;height:3px;margin:0 5px}.hero-note{color:var(--muted);align-items:center;gap:8px;margin-top:35px;font-size:11px;display:flex}.hero-note svg{color:var(--teal);flex-shrink:0}.hero-art{direction:ltr;height:520px;position:relative}.orbit{border:1px solid #dae4ed;border-radius:50%;width:450px;height:450px;position:absolute;top:40px;left:0}.orbit-two{border-style:dashed;width:340px;height:340px;top:95px;left:55px}.print-card{background:#fff;border-radius:3px;width:290px;height:345px;padding:12px;position:absolute;top:100px;left:5px;transform:rotate(-10deg);box-shadow:0 22px 55px #0d204914}.art-sky,.phone-sky{background:linear-gradient(#d3e6e9,#eee4d3 65%,#cbb390);height:250px;position:relative;overflow:hidden}.sun{background:#f8eee0;border-radius:50%;width:45px;height:45px;position:absolute;top:35px;right:50px}.building{background:linear-gradient(90deg,#718d9c,#b4c5c9);border-top:3px solid #536e80;width:36px;height:85px;position:absolute;bottom:25px;box-shadow:inset 8px 0 #ffffff20}.b1{width:40px;height:120px;left:25px}.b2{clip-path:polygon(35% 0,65% 0,75% 30%,100% 65%,100% 100%,0 100%,0 65%,25% 30%);width:35px;height:165px;left:80px}.b3{width:50px;height:98px;left:133px}.b4{width:28px;height:140px;left:193px}.dunes{background:#d8c2a1;border-radius:50%;width:380px;height:60px;position:absolute;bottom:-15px;left:-50px;transform:rotate(-8deg)}.print-card>span{text-align:right;direction:rtl;margin:10px 5px;font-size:13px;font-weight:600;display:block}.print-card small{color:var(--muted);font-size:9px;font-weight:400;display:block}.phone{background:var(--navy);border:7px solid #172a45;border-radius:36px;width:235px;height:453px;position:absolute;top:24px;left:205px;overflow:hidden;transform:rotate(8deg);box-shadow:12px 25px 60px #0d204929}.phone-notch{z-index:3;background:#172a45;border-radius:0 0 13px 13px;width:87px;height:20px;position:absolute;top:0;left:65px}.phone-status{color:#fff;justify-content:space-between;height:35px;padding:9px 14px;font:9px Arial;display:flex}.phone-screen{background:#a6babf;height:410px;position:relative;overflow:hidden}.phone-label{z-index:2;direction:rtl;background:#ffffffdb;border-radius:20px;align-items:center;gap:5px;padding:5px 10px;font-size:9px;display:flex;position:absolute;top:17px;left:35px}.phone-label>span{background:#1f8fa6;border-radius:50%;width:5px;height:5px}.phone-sky{background:linear-gradient(#b9dce6,#efe1bd 75%,#ac9274);height:315px}.phone-sky .building{bottom:26px}.phone-sky .b1{left:13px}.phone-sky .b2{left:63px}.phone-sky .b3{left:105px}.phone-sky .b4{left:172px}.play-symbol{color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff25;border:1px solid #fffa;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:absolute;top:153px;left:80px}.corners{grid-template-columns:1fr 1fr;align-content:space-between;display:grid;position:absolute;inset:73px 15px 140px}.corners i{border:2px solid #fff;width:20px;height:20px}.corners i:first-child{border-bottom:0;border-right:0}.corners i:nth-child(2){border-bottom:0;border-left:0;justify-self:end}.corners i:nth-child(3){border-top:0;border-right:0}.corners i:nth-child(4){border-top:0;border-left:0;justify-self:end}.phone-caption{color:#fff;text-align:center;background:linear-gradient(#0000,#0d2049);width:100%;padding-top:20px;font-size:15px;position:absolute;bottom:72px;left:0}.phone-caption small{padding:5px;font-size:9px;display:block}.phone-controls{background:var(--navy);color:#fff;align-items:center;gap:12px;height:65px;padding:0 15px;display:flex}.phone-controls>div{background:#fff5;flex:1;height:3px;position:relative}.phone-controls>div:after{content:"";background:var(--teal);width:40%;height:3px;position:absolute}.floating-label{border:1px solid var(--line);direction:rtl;background:#fff;border-radius:13px;align-items:center;gap:12px;padding:14px 19px;display:flex;position:absolute;bottom:80px;left:0;box-shadow:0 12px 40px #0d204914}.floating-label>span{color:var(--teal);background:#e7f3f4;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.floating-label div{font-size:13px;font-weight:600}.floating-label small{color:var(--muted);font-size:10px;font-weight:400;display:block}.art-caption{color:#8e98aa;font-size:10px;position:absolute;bottom:0;left:170px}.how{border-top:1px solid var(--line);padding:42px 0}.section-top{justify-content:space-between;align-items:center;gap:25px;display:flex}.section-top h2{margin:8px 0 25px;font-size:26px;font-weight:500}.section-top>a{align-items:center;gap:10px;font-size:12px;display:flex}.steps{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.steps article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:27px;position:relative}.steps article>svg{color:var(--teal);width:27px;height:27px}.step-num{color:#b8c1d0;font:14px Arial;position:absolute;top:23px;left:25px}.steps h3{margin:15px 0 9px;font-size:18px;font-weight:500}.steps p{color:var(--muted);margin:0;font-size:13px;line-height:1.9}.tips{background:#eaf2f4;border:1px solid #dbe8eb;border-radius:13px;align-items:center;gap:20px;padding:24px;display:flex}.tips>svg{color:var(--teal);flex-shrink:0}.tips h3{margin:0 0 3px;font-size:15px}.tips p{color:var(--muted);margin:0;font-size:12px;line-height:1.9}.tips>span{white-space:nowrap;margin-right:auto;font-size:11px}.faq{border-bottom:1px solid var(--line);margin:25px 0 45px;padding:18px 0}.faq summary{cursor:pointer;justify-content:space-between;font-size:13px;list-style:none;display:flex}.faq p{color:var(--muted);font-size:13px;line-height:2}footer{border-top:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:25px;padding:25px max(5vw,24px);display:flex}footer .brand img{width:32px;height:36px}footer .brand>span{font-size:14px}footer .brand small{letter-spacing:1px;font-size:6px}footer p,footer a{color:var(--muted);font-size:11px}footer a{align-items:center;gap:5px;display:flex}.notice{color:#6c592b;background:#fff9eb;border:1px solid #e3d3b2;border-radius:10px;max-width:650px;padding:14px 18px;font-size:13px;line-height:1.9}.hidden{display:none}.ar-canvas{z-index:20;background:#000;position:fixed;inset:0;overflow:hidden}.ar-canvas canvas{position:absolute;inset:0}.ar-ui{z-index:21;color:#fff;pointer-events:none;background:linear-gradient(#0006,#0000 25% 65%,#000a);flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.ar-ui button{pointer-events:auto;color:#fff;background:#ffffff18;border:1px solid #ffffff50;border-radius:50%;place-items:center;width:45px;height:45px;display:grid}.ar-top{justify-content:space-between;align-items:center;padding:25px;display:flex}.ar-top span{font-size:19px}.ar-top small{font-size:11px;display:block}.scan-frame{border:1px solid #ffffff65;border-radius:15px;align-self:center;width:min(80vw,350px);height:250px;box-shadow:0 0 0 1px #ffffff15}.ar-bottom{text-align:center;padding:25px}.ar-bottom p{background:#0d2049bb;border-radius:12px;padding:15px;font-size:14px}.ar-bottom button{border-radius:30px;gap:10px;width:auto;margin:auto;padding:0 20px;font-size:12px;display:flex}.dashboard{min-height:75vh;padding-top:45px;padding-bottom:45px}.dashboard-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.dashboard h1{margin:7px 0;font-size:36px;font-weight:600}.dashboard-title p{color:var(--muted);margin:0;font-size:14px}.back-link{align-items:center;gap:8px;font-size:13px;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:18px;margin:35px 0;display:grid}.stats>div{border:1px solid var(--line);background:#fff;border-radius:13px;padding:22px}.stats span{color:var(--muted);font-size:12px;display:block}.stats strong{margin-top:13px;font:35px Arial;display:block}.stats .status-text{margin-top:20px;font:600 19px IBM Plex Sans Arabic,Tahoma,sans-serif}.publish-bar{background:#eaf2f4;border:1px solid #d7e4e7;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.publish-bar>div{align-items:center;gap:17px;display:flex}.publish-bar svg{color:var(--teal);flex-shrink:0}.publish-bar button svg{color:#fff}.publish-bar b{font-size:15px;font-weight:500}.publish-bar small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.gallery-heading{justify-content:space-between;align-items:center;margin:30px 0 18px;display:flex}.gallery-heading h2{font-size:20px;font-weight:500}.secondary{border:1px solid var(--line);color:var(--navy);background:#fff;border-radius:8px;align-items:center;gap:7px;padding:9px 15px;font-size:12px;display:inline-flex}.artworks{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.artwork{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden}.artwork-image{background:#e5ebf0;height:200px;position:relative}.artwork-image img{object-fit:contain;width:100%;height:100%}.artwork-image>span{background:#fffe;border-radius:6px;padding:5px 10px;font-size:10px;position:absolute;bottom:10px;right:10px}.artwork-info{padding:18px}.artwork-info h3{margin:0 0 15px;font-size:16px}.artwork-info>div{justify-content:space-between;align-items:center;display:flex}.artwork-info a{color:var(--teal);align-items:center;gap:7px;font-size:11px;display:flex}.delete{color:var(--muted);background:0 0;border:0;padding:5px}.empty{text-align:center;background:#fff;border:1px dashed #ccd6e2;border-radius:13px;padding:55px 20px}.empty>div{width:64px;height:64px;color:var(--teal);background:#eef4f6;border-radius:50%;place-items:center;margin:auto;display:grid}.empty h2{margin-bottom:10px;font-size:22px}.empty p{color:var(--muted);font-size:13px;line-height:1.9}.admin-tip{color:var(--muted);align-items:center;gap:10px;margin-top:25px;display:flex}.admin-tip svg{color:var(--teal);flex-shrink:0}.admin-tip p{font-size:12px;line-height:1.8}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:30;background:#0d204975;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:min(640px,100%);max-height:90vh;padding:30px;overflow:auto;box-shadow:0 25px 80px #0d204940}.modal-title{justify-content:space-between;align-items:center;display:flex}.modal h2{margin:0;font-size:25px}.modal>p{color:var(--muted);margin:15px 0 25px;font-size:13px}.modal form>label{font-size:13px;display:block}.modal input:not([type=file]){border:1px solid var(--line);border-radius:9px;width:100%;margin-top:9px;padding:13px;display:block}.upload-grid{grid-template-columns:1fr 1fr;gap:15px;margin:22px 0;display:grid}.upload-zone{background:var(--paper);text-align:center;cursor:pointer;border:1px dashed #b9c9d9;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:22px 14px;display:flex}.upload-zone svg{color:var(--teal)}.upload-zone b{font-size:14px;font-weight:500}.upload-zone span{color:var(--muted);word-break:break-word;font-size:10px}.upload-zone input{width:100%;max-width:190px;font-size:10px}.modal-note{color:var(--muted);font-size:11px;line-height:1.8}.qr-card{text-align:center;border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:20px;padding:20px}.qr-card img{width:190px;height:190px;margin:15px auto;display:block}.qr-card p{color:var(--muted);font-size:12px}.qr-card a{align-items:center;gap:8px;font-size:12px;display:inline-flex}.access{min-height:80vh;padding-top:80px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1400px){.hero-art{transform:translate(-10px)}}@media (width<=1000px){main{padding:0 30px}.hero-art{transform-origin:50%;transform:scale(.85)}.hero{gap:0}.hero h1{font-size:45px}.intro{font-size:15px}nav{gap:15px}.tips>span{display:none}}@media (width<=700px){header{gap:10px;height:88px;padding:0 20px}.brand img{width:43px;height:48px}.brand>span{font-size:18px}.brand small{letter-spacing:1.6px;font-size:7px}.partner{padding-right:15px}.partner img{width:52px;height:52px}nav{display:none}main{padding:0 22px}.hero{flex-direction:column;gap:0;min-height:0;display:flex}.hero-copy{text-align:center;width:100%;padding:42px 0 0}.hero-copy .eyebrow{justify-content:center;font-size:11px}.hero h1{letter-spacing:-1px;margin:17px 0;font-size:43px;line-height:1.5}.intro{margin-bottom:25px;font-size:14px}.primary{padding:15px 25px;font-size:16px}.permission,.hero-note{justify-content:center}.hero-note{margin-top:22px;font-size:10px;line-height:1.8}.hero-art{transform-origin:50%;width:440px;height:480px;margin:-26px -50px -47px;transform:scale(.76)}.art-caption{bottom:0}.section-top{display:block}.section-top h2{margin-bottom:20px;font-size:22px}.section-top>a{display:none}.how{padding:28px 0}.steps{grid-template-columns:1fr;gap:12px}.steps article{padding:23px 22px 23px 52px}.steps article>svg{float:right;margin-top:4px;margin-left:16px}.steps h3{margin:0 0 5px;font-size:17px}.steps p{font-size:12px}.step-num{top:24px;left:19px}.tips{gap:13px;padding:20px}.faq{margin-bottom:25px}footer{flex-wrap:wrap;gap:15px;padding:23px}footer p{font-size:10px}footer .brand{display:none}.dashboard{padding-top:30px;padding-bottom:25px}.dashboard-title{align-items:flex-start}.dashboard h1{font-size:29px}.dashboard-title p{font-size:12px}.dashboard-title .primary{white-space:nowrap;padding:10px 12px;font-size:11px}.stats{gap:8px;margin:25px 0}.stats>div{padding:15px 10px}.stats span{font-size:10px}.stats strong{font-size:28px}.stats .status-text{margin-top:18px;font-size:12px}.publish-bar{flex-direction:column;align-items:flex-start;padding:19px}.publish-bar small{font-size:11px;line-height:1.8}.publish-bar .primary{width:100%}.gallery-heading h2{font-size:17px}.artworks{grid-template-columns:1fr}.modal{padding:22px}.upload-grid{grid-template-columns:1fr}.upload-zone{padding:17px}.modal-backdrop{padding:12px}.back-link{font-size:10px}.notice{text-align:right;font-size:12px}.ar-top{padding:20px}.qr-card p{line-height:1.8}}header{background:var(--navy);color:#fff;border-bottom-color:#ffffff18}.brand img{background:var(--navy);border-radius:5px}.partner{border-right-color:#ffffff25}.partner img{background:#fff;border-radius:50%;padding:3px}.web-chip{color:#dcebf1;background:#ffffff10}.web-chip>span{background:#71c8ce}footer .brand img{background:var(--navy)}.ar-top{padding-top:max(16px,env(safe-area-inset-top));background:#0d2049dd;min-height:86px;position:relative}.ar-brands{flex:1;justify-content:space-between;align-items:center;gap:20px;padding-left:18px;display:flex}.ar-brands img{object-fit:contain;width:58px;height:58px}.ar-brands img:last-child{background:#fff;border-radius:50%;padding:2px}.camera-actions{justify-content:center;align-items:center;gap:10px;display:flex}.ar-bottom .camera-actions button{white-space:nowrap;height:46px;margin:0;padding:0 16px;font-size:12px}.ar-bottom .record-control{color:#0d2049;background:#fff;border-color:#fff}.ar-bottom .record-control svg{color:#c73545}.ar-bottom .record-control.recording{color:#fff;background:#c73545;border-color:#c73545}.ar-bottom .record-control.recording svg{color:#fff}.record-hint{color:#ffffffb0;margin-top:13px;font-size:10px;display:block}.record-badge{direction:rtl;background:#c73545e8;border-radius:30px;align-items:center;gap:8px;padding:7px 14px;font-size:12px;display:flex;position:absolute;top:110px;left:20px}.record-badge i{background:#fff;border-radius:50%;width:7px;height:7px;animation:1s infinite pulse}.recording-result video{background:#000;border-radius:12px;width:100%;max-height:50vh;margin:5px 0 20px}.result-actions{flex-wrap:wrap;gap:12px;display:flex}.recording-result{pointer-events:auto}.ar-bottom{padding-bottom:max(25px,env(safe-area-inset-bottom))}@keyframes pulse{50%{opacity:.3}}