@font-face{font-family:'DM Sans';src:url('assets/fonts/dm-sans.ttf') format('truetype');font-weight:100 1000;font-style:normal;font-display:swap}
@font-face{font-family:'Manrope';src:url('assets/fonts/manrope.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#0c0d12;--panel:#15161e;--ink:#f0f0ed;--muted:#a2a3af;--line:#292a34;--lilac:#b9a4fb;--lime:#d7f4a1;--font:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}::selection{background:#b9a4fb;color:#101018}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display)}.shell{width:min(1320px,calc(100% - 112px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:12px;left:12px;z-index:100;transform:translateY(-180%);background:var(--lime);color:#111;padding:14px 24px}.skip-link:focus{transform:none}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;gap:13px;align-items:center;font-family:var(--display);font-size:21px;letter-spacing:-.8px;font-weight:750;line-height:1.1}.brand svg{width:43px;height:43px;overflow:visible}.brand path{fill:none;stroke:var(--lilac);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.brand circle{fill:var(--lime)}.brand-sub{display:block;font:500 8px var(--font);letter-spacing:4px;margin-top:7px}.header nav{display:flex;align-items:center;gap:41px;font-size:13px}.header nav a{transition:color .2s}.header nav a:hover{color:var(--lilac)}.header nav a>span{margin-left:6px}.header nav a:first-child span{font-size:9px;color:var(--lilac);vertical-align:super}.nav-contact{border:1px solid #5b5d69;border-radius:30px;padding:13px 22px}.nav-contact span{font-size:20px}.menu-button{display:none;background:none;border:0;padding:12px}.hero{display:grid;grid-template-columns:1.12fr 1fr;position:relative;padding-top:83px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;display:flex;align-items:center;gap:10px;line-height:1.6}.signal{display:inline-block;background:var(--lime);border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #d7f4a144}.hero h1{font-weight:500;font-size:clamp(64px,6.7vw,100px);line-height:1.08;letter-spacing:-6px;margin:27px 0 31px;position:relative;z-index:1}.lilac,.light-word{color:var(--lilac)}.light-word{position:relative;display:inline-block}.light-word svg{position:absolute;width:103%;height:14px;left:-2px;bottom:-12px;fill:none;stroke:var(--lilac);stroke-width:2}.hero-description{font-size:16px;line-height:1.8;color:#b5b5bf;max-width:350px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px}.button{display:inline-flex;align-items:center;gap:34px;justify-content:space-between;border-radius:6px;padding:17px 23px;font-weight:600;font-size:13px;border:1px solid transparent;transition:background .2s,transform .2s}.primary{background:var(--lilac);color:#181321}.primary:hover{background:#d0bdff;transform:translateY(-2px)}.button span{font-size:22px;font-weight:400}.text-link{font-size:12px}.text-link span{margin-left:10px}.text-link:hover{color:var(--lilac)}.hero-foot{margin-top:45px;display:flex;align-items:center;gap:13px;font-size:10px;line-height:1.6;color:var(--muted)}.tiny-cross{font-size:32px;color:var(--lime)}.hero-art{height:500px;position:relative;align-self:center;margin-top:-20px;margin-right:-28px}.orbital-space{position:absolute;inset:0;transition:transform .8s cubic-bezier(.2,.6,.2,1);isolation:isolate}.orbital-grid{position:absolute;inset:0;background-image:linear-gradient(#727a9712 1px,transparent 1px),linear-gradient(90deg,#727a9712 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse,black,transparent 70%);transform:rotate(-18deg)}.halo{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(ellipse,#854cf150 0%,#3538ed24 40%,transparent 70%);filter:blur(35px);animation:breathe 8s infinite alternate}.orbit{position:absolute;left:50%;top:49%;width:82%;height:44%;border-radius:50%;background:transparent;border:2px solid #a498ff;box-shadow:0 0 8px #a28bff,inset 0 0 7px #8c6aff,0 0 25px #5339e870;animation:orbit-glow 6s infinite alternate}.orbit-one{transform:translate(-50%,-50%) rotate(-44deg);border-width:3px;border-color:#c8c0ff #7054e8 #6a48d4 #ddd1ff}.orbit-two{transform:translate(-50%,-50%) rotate(-18deg) rotateY(55deg);height:70%;width:70%;border-color:#b4a8fb #6142bf #8468f4 #f1daff;animation-delay:-2s}.orbit-three{transform:translate(-50%,-50%) rotate(30deg);width:72%;height:29%;border-color:#a2b3fb #6a3cb7 #9879dc #d9d2ff;animation-delay:-3s}.orbit-four{transform:translate(-50%,-50%) rotate(-63deg);width:67%;height:65%;border-width:1px;border-color:#c3bbff99;box-shadow:0 0 12px #7668ff50;animation-delay:-4s}.core{position:absolute;left:50%;top:49%;width:58px;height:58px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 36% 35%,#fff6ff 0%,#e7dbff 9%,#ba9dff 28%,#7852c4 55%,#1c1841 75%);box-shadow:0 0 50px 9px #b795ff88,0 0 110px 12px #5350ec77;animation:breathe 6s infinite alternate}.star{position:absolute;color:#d4c7ff}.star-a{top:18%;right:17%;font-size:32px}.star-b{bottom:20%;left:16%;font-size:23px}.star-c{top:16%;left:12%;font-size:17px}.orbital-label{position:absolute;font-size:7px;letter-spacing:1.6px;color:#a4a0b9}.label-a{top:10%;left:17%;transform:rotate(-13deg)}.label-b{bottom:16%;right:7%;transform:rotate(-12deg)}.art-note{position:absolute;bottom:0;width:100%;display:flex;gap:9px;align-items:center;justify-content:center;font-size:7px;letter-spacing:1.6px;color:#9b98af}.art-note>span{width:22px;height:1px;background:var(--lilac)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:#888998;margin-top:58px;padding-bottom:30px}.hero-bottom a span{font-size:15px;margin-left:12px}.discipline-strip{border-block:1px solid var(--line);background:#111219;padding:24px 0}.discipline-strip>.shell{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;font-weight:550;letter-spacing:1.9px}.discipline-strip span:nth-child(even){color:var(--lilac);font-size:20px}.work{padding-top:99px;padding-bottom:90px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:40px}.work .eyebrow{color:var(--lilac);margin-bottom:23px}h2{font-size:48px;line-height:1.2;letter-spacing:-2px;font-weight:500}.muted{color:#838493}.section-intro{font-size:13px;line-height:1.9;color:var(--muted);max-width:285px;padding-bottom:5px}.work-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:48px;margin-bottom:27px;border-bottom:1px solid var(--line);padding-bottom:19px}.filters{display:flex;gap:8px}.filters button{background:transparent;border:1px solid transparent;border-radius:24px;padding:10px 17px;font-size:11px;color:#aaaab7}.filters button[aria-pressed=true]{background:#23232e;border-color:#3d3a4e;color:#e7defe}.filters button:hover{border-color:#656071;color:#fff}.filters span{font-size:8px;margin-left:5px;color:var(--lilac)}.project-count{font-size:10px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 30px}.project[hidden]{display:none}.project-visual{position:relative;display:block;width:100%;aspect-ratio:1.48;border:1px solid #ffffff15;border-radius:12px;overflow:hidden;text-align:left;padding:0;isolation:isolate;transition:transform .3s,border-color .3s}.project-visual:hover{transform:translateY(-4px);border-color:#ffffff66}.visual-top{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:7px;font-weight:600;letter-spacing:1px;color:inherit;opacity:.7;z-index:2}.visual-top span:first-child{max-width:65%}.art-caption{position:absolute;bottom:19px;left:24px;font-size:6px;letter-spacing:1px;opacity:.6;z-index:2}.visual-arrow{position:absolute;bottom:17px;right:20px;width:30px;height:30px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:18px;opacity:.7;transition:background .2s}.project-visual:hover .visual-arrow{background:#ffffff22}.project-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:23px}.project-type{font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.project h3{font-size:23px;font-weight:550;letter-spacing:-.7px;margin-top:8px}.badge{font-size:9px;letter-spacing:.2px;border-radius:20px;padding:7px 10px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;height:28px;border:1px solid}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.badge.live{color:var(--lime);border-color:#445638;background:#152018}.badge.release{color:#c2b7ec;border-color:#444052;background:#211e2b}.badge.progress{color:#d1bf9f;border-color:#524734;background:#241f17}.project>p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:12px;max-width:95%}.project-link{background:none;border:0;padding:0;font-size:11px;line-height:1.7;display:inline-flex;gap:12px;align-items:center;font-weight:500}.project-link:hover{color:var(--lilac)}.project-link span[aria-hidden]{font-size:16px}.card-actions{display:flex;gap:22px;margin-top:14px}.details-link{display:none}.enhanced .details-link{display:inline-flex}.enhanced .fallback-link{color:var(--muted)}.project-wide{grid-column:1/-1;border:1px solid var(--line);background:linear-gradient(120deg,#142321,#12171b 65%);border-radius:12px;padding:27px 33px;display:flex;gap:28px;align-items:center}.quran-mark{height:80px;width:80px;background:#23453c;color:#d8e7c2;border-radius:18px;display:grid;place-items:center;font-size:31px;flex-shrink:0}.wide-copy p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:10px}.wide-action{margin-left:auto;display:flex;flex-direction:column;gap:17px;align-items:end}.work-note{color:#a2a3af;font-size:10px;line-height:1.8;margin-top:32px;max-width:740px}.studio{border-block:1px solid var(--line);background:#12131a;padding:80px 0 88px}.studio-layout{display:grid;grid-template-columns:1fr 2fr;gap:50px}.studio .eyebrow{color:var(--lilac)}.studio-symbol{font-size:160px;color:var(--lilac);line-height:1;margin-top:60px;animation:slow-turn 90s linear infinite;width:max-content}.studio h2{font-size:53px}.studio-lead{font-size:20px;line-height:1.65;color:#dddce4;max-width:630px;margin-top:26px}.studio-description{font-size:13px;line-height:1.9;color:var(--muted);max-width:580px;margin-top:21px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:43px}.principles>div{border-top:1px solid #383843;padding-top:18px}.principles span{font-size:9px;color:var(--lilac)}.principles h3{font-size:15px;font-weight:500;margin-top:20px}.principles p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:9px}.contact{padding-top:90px;padding-bottom:88px;position:relative}.contact:before{content:'';position:absolute;right:8%;bottom:0;width:40%;height:90%;background:radial-gradient(ellipse,#7d4cbb19,transparent 70%);z-index:-1}.contact .eyebrow{color:var(--lilac)}.contact-layout{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-top:28px}.contact h2{font-size:65px;line-height:1.17;letter-spacing:-3px}.contact em{font-style:normal;color:var(--lilac)}.contact-layout>div{padding-top:12px}.contact p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:25px}.contact-email{display:block;font-size:10px;margin-top:18px;color:#aaaab7;overflow-wrap:anywhere}.contact-email:hover{color:var(--ink)}.footer{border-top:1px solid var(--line);padding-top:30px;padding-bottom:50px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:var(--muted);font-size:9px}.footer-brand{font-size:15px;color:var(--ink);gap:9px}.footer .brand-sub{font-size:5px;letter-spacing:3px;margin-top:5px}.footer>div{display:flex;gap:22px}.footer a:hover{color:var(--lilac)}.motion-control{position:fixed;bottom:18px;right:20px;z-index:6;font-size:9px;color:#d6d2e3;background:#20202be8;backdrop-filter:blur(12px);border:1px solid #484652;border-radius:30px;padding:10px 14px;display:flex;align-items:center;gap:7px}.motion-control>span:first-child{font-size:12px}.dialog-open{overflow:hidden}dialog{padding:0;max-width:640px;width:calc(100% - 36px);max-height:calc(100dvh - 48px);border:1px solid #494451;border-radius:16px;background:#17171f;color:var(--ink);box-shadow:0 30px 100px #0009}dialog::backdrop{background:#05060bc9;backdrop-filter:blur(10px)}.dialog-inner{padding:43px;position:relative}.dialog-close{position:absolute;top:15px;right:15px;background:#272732;border:1px solid #45434f;width:36px;height:36px;border-radius:50%;font-size:16px}.dialog-inner .eyebrow{color:var(--lilac);text-transform:uppercase;margin-right:35px}.dialog-inner h2{font-size:39px;margin:18px 0}.dialog-description{color:#ceccd8;font-size:16px;line-height:1.7;margin:24px 0 15px}.dialog-inner ul{padding-left:18px;font-size:13px;line-height:1.8;color:var(--muted)}.dialog-inner li{padding-left:5px;margin-bottom:6px}.dialog-status-note{border-top:1px solid var(--line);margin:24px 0;padding-top:23px;font-size:12px;line-height:1.8;color:#bab6c8}.dialog-status-note>span{font-size:9px;letter-spacing:1.5px;color:var(--lilac)}.dialog-status-note p{margin-top:8px}.dialog-date{font-size:9px;line-height:1.8;color:var(--muted);margin-top:22px}
.hero-art{overflow:clip}
/* Original, CSS-built studio compositions. No screenshots or third-party artwork implied. */
.claim-art{background:radial-gradient(ellipse at 30% 65%,#4846a1,#2a2862 75%);color:#deddf9}.game-window{position:absolute;display:block;background:#14152c;border:1px solid #ffffff38;border-radius:10px;width:79%;height:74%;left:11%;top:20%;transform:rotate(-5deg);box-shadow:0 30px 30px #11112888;transition:transform .5s}.claim-art:hover .game-window{transform:rotate(-2deg) translateY(-4px)}.window-bar{height:28px;border-bottom:1px solid #ffffff20;padding:0 12px;display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#a0a2c4}.window-dots{font-size:5px;letter-spacing:1px}.game-body{display:block;padding:19px 26px}.game-brand{display:flex;align-items:center;font-family:var(--display);font-size:20px;letter-spacing:-3px;color:#baa9ff}.game-brand>span{color:#d7f4a1}.game-brand small{font-family:var(--font);letter-spacing:1px;font-size:6px;margin-left:10px;color:#e1dbff}.game-body strong{display:block;font-family:var(--display);font-size:30px;line-height:1.2;font-weight:600;margin-top:12px;letter-spacing:-.7px}.game-body em{font-style:normal;color:#c2b1ff}.game-tiles{display:flex;gap:10px;margin-top:20px}.game-tiles>span{background:linear-gradient(145deg,#34305b,#25283b);width:31%;height:66px;border-radius:5px;border:1px solid #ffffff0d;padding:10px}.game-tiles b{font-size:20px;color:#c8b6ff;font-weight:400}.game-tiles small{display:block;font-size:5px;letter-spacing:1px;margin-top:8px}.game-tiles>span:nth-child(2){background:linear-gradient(130deg,#345049,#1a3035);color:#c0e69b}.ayat-art{background:#c4d4b9;color:#284235}.ayat-rings{width:450px;height:450px;position:absolute;left:-110px;top:-130px;border:1px solid #567f5840;border-radius:50%;box-shadow:0 0 0 35px #567f580b,0 0 0 70px #567f5812,0 0 0 105px #567f580c}.ayat-wordmark{font-family:Georgia,serif;font-size:39px;position:absolute;left:8%;top:39%;letter-spacing:-2px}.ayat-wordmark>span{display:block;font-size:46px;margin-bottom:8px}.ayat-wordmark small{font-family:var(--font);display:block;font-size:6px;letter-spacing:1.4px;margin-top:12px}.phone{position:absolute;width:178px;height:330px;background:#f1f3e9;border:5px solid #263c32;border-radius:27px;padding:12px;box-shadow:12px 18px 22px #23412c33;display:block;overflow:hidden}.ayat-phone{top:20%;right:10%;transform:rotate(8deg);transition:transform .5s}.ayat-art:hover .ayat-phone{transform:rotate(4deg) translateY(-5px)}.phone-island{position:absolute;left:33%;right:33%;height:13px;background:#263c32;top:-1px;border-radius:0 0 12px 12px}.phone-status{font-size:6px;display:flex;justify-content:space-between;margin-bottom:22px}.phone>small{display:block;letter-spacing:1px;font-size:5px;opacity:.7}.phone>strong{font-family:Georgia,serif;font-size:18px;font-weight:400;display:block;margin:9px 0 17px}.ayat-feature{display:block;background:#284f3f;color:#f4f2dc;padding:14px;border-radius:10px;font-size:12px;position:relative;height:90px}.ayat-feature small{display:block;font-size:5px;margin-top:30px;opacity:.8}.ayat-feature b{position:absolute;right:13px;top:30px;font-size:29px;font-weight:400;color:#d6d7a4}.phone-row{display:flex;padding:14px 5px;font-size:8px;border-bottom:1px solid #b8c9b8;justify-content:space-between}.phone-nav{display:flex;font-size:13px;justify-content:space-around;margin-top:18px}.pogo-art{background:radial-gradient(ellipse at 60% 40%,#7756ba,#402b79 90%);color:#f2e9ff}.pogo-title{position:absolute;font-family:var(--display);font-weight:800;font-size:62px;line-height:.95;letter-spacing:-4px;top:22%;left:8%;color:#d9f5a7;text-shadow:0 4px 0 #284842;transform:rotate(-9deg);z-index:1}.pogo-title>span{display:block;font-size:80px;color:#ffd881;text-shadow:0 5px 0 #925343}.pogo-icon{position:absolute;right:10%;top:22%;width:37%;height:auto;border-radius:26%;transform:rotate(9deg);box-shadow:15px 20px 30px #1a104f88;transition:transform .5s}.pogo-art:hover .pogo-icon{transform:rotate(3deg) translateY(-7px)}.block-grid{position:absolute;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;width:165px;height:165px;right:17%;bottom:-49%;transform:rotate(8deg);opacity:.5}.block-grid i{display:block;border-radius:4px;background:var(--block);box-shadow:inset 0 3px 0 #ffffff22}.pogo-spark{position:absolute;color:#fde2aa;font-size:34px}.s1{left:47%;top:18%}.s2{right:7%;bottom:18%;font-size:24px}.gravity-art{background:#e6e2d9;color:#202523}.gravity-title{position:absolute;font-size:40px;line-height:1.1;letter-spacing:-2px;font-family:var(--display);left:9%;top:24%;font-weight:500;z-index:1}.gravity-title em{font-style:normal;color:#b95535}.falling-icons{position:absolute;right:8%;bottom:17%;width:54%;height:55%}.falling-icons>span{position:absolute;background:#bf5a35;color:#f4dfca;width:64px;height:64px;border-radius:18px;display:grid;place-items:center;font-size:37px;border:1px solid #0000000b;box-shadow:4px 5px 0 #b6aaa333;animation:icon-float 7s infinite alternate ease-in-out}.falling-icons>span:nth-child(1){left:22%;top:0;transform:rotate(-22deg);background:#d0be6c;color:#4d4a26;animation-delay:-3s}.falling-icons>span:nth-child(2){right:0;top:28%;transform:rotate(16deg);background:#5e7366;color:#e2e7d4;animation-delay:-1s}.falling-icons>span:nth-child(3){left:0;bottom:0;transform:rotate(-12deg);background:#444652;color:#e3ddec}.falling-icons>span:nth-child(4){left:34%;bottom:-7%;transform:rotate(8deg);background:#bd6b4c;color:#f2e3d7;animation-delay:-2s}.falling-icons>span:nth-child(5){right:-3%;bottom:-4%;transform:rotate(26deg);background:#c5b0d8;color:#524463;animation-delay:-5s}.falling-icons>span:nth-child(6){left:-30%;bottom:-4%;transform:rotate(10deg);background:#ecbf85;color:#7d4f2e;animation-delay:-4s}.voice-art{background:radial-gradient(ellipse at 50% 100%,#343c5e,#171e32);color:#e0e6ed}.voice-wave{position:absolute;bottom:3%;left:8%;right:8%;height:35%;display:flex;justify-content:center;align-items:center;gap:5px;opacity:.13;mask-image:linear-gradient(transparent,#fff)}.voice-wave i{width:4px;border-radius:6px;background:#d1b2ff;animation:wave 3s infinite alternate}.voice-script{font-family:var(--display);font-size:36px;font-weight:600;line-height:1.6;letter-spacing:-1px;position:absolute;left:13%;top:23%;transform:rotate(-4deg)}.voice-script>span{color:#768298}.voice-script mark{padding:1px 12px;background:#c2b0ef;color:#202139;box-decoration-break:clone}.voice-pill{position:absolute;right:12%;bottom:14%;border:1px solid #657184;border-radius:20px;padding:8px 12px;font-size:6px;letter-spacing:1px;display:flex;gap:6px;align-items:center}.voice-pill i{width:4px;height:4px;background:#c7f3b3;border-radius:50%}.vat-art{background:#d8d3ef;color:#393048}.vat-window{display:flex;position:absolute;left:11%;top:23%;width:85%;height:77%;background:#f8f7fc;border-radius:10px 10px 0 0;overflow:hidden;box-shadow:0 10px 40px #47317133;transform:rotate(5deg);transition:transform .5s}.vat-art:hover .vat-window{transform:rotate(2deg) translateY(-3px)}.vat-sidebar{width:47px;background:#29243b;flex-shrink:0;padding:16px 12px;display:block}.vat-sidebar>b{font-family:var(--display);color:#d4c8fa;font-size:22px}.vat-sidebar>b>span{font-size:12px;color:#d3ebae}.vat-sidebar i{display:block;width:12px;height:4px;background:#68617e;border-radius:2px;margin:20px 3px}.vat-sidebar i:first-of-type{background:#ccbee9}.vat-body{display:block;padding:21px;width:100%}.vat-body>small{font-size:6px;color:#766b90;letter-spacing:.6px}.vat-body>strong{font-family:var(--display);font-size:24px;font-weight:500;letter-spacing:-1px;display:block;margin:10px 0 16px}.vat-summary{display:flex;gap:8px;font-size:7px}.vat-summary>span{border:1px solid #cbc5db;border-radius:4px;padding:9px;flex:1}.vat-summary>span:last-child{background:#e0d8f2}.vat-table{display:block;margin-top:16px;font-size:5px;letter-spacing:.6px}.vat-table>span{display:flex;border-bottom:1px solid #ded9e8;padding:8px 2px;gap:20px;align-items:center;justify-content:space-between}.vat-table i{display:block;width:40%;height:3px;background:#cec9d7;border-radius:2px}.vat-table i:nth-child(2){width:20%}.vat-table b{color:#547b56;font-weight:400}
@keyframes breathe{to{opacity:.7;filter:brightness(1.15)}}@keyframes orbit-glow{to{filter:brightness(1.3);opacity:.78}}@keyframes slow-turn{to{transform:rotate(360deg)}}@keyframes icon-float{to{translate:0 -8px}}@keyframes wave{to{scale:1 .5}}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important;transition:none!important}.motion-paused{scroll-behavior:auto}.motion-paused .orbital-space{transform:none!important}
@media(min-width:1550px){.hero-art{height:550px}.hero h1{font-size:102px}.hero{padding-top:90px}.hero-bottom{margin-top:75px}}
@media(max-width:1100px){.shell{width:calc(100% - 72px)}.hero{padding-top:65px}.hero h1{font-size:76px;letter-spacing:-4.7px}.hero-art{height:440px}.hero-actions{gap:18px}.hero-description{font-size:14px;max-width:300px}.hero-actions .text-link{font-size:10px}.hero-actions .button{padding:16px 18px;gap:20px;font-size:12px}.project-visual{aspect-ratio:1.3}.game-body strong{font-size:27px}.game-body{padding:17px 20px}.game-tiles{margin-top:15px}.ayat-wordmark{font-size:32px;left:7%;top:33%}.ayat-phone{right:7%;width:155px;height:300px;top:23%}.phone>strong{font-size:15px}.pogo-title{font-size:51px;letter-spacing:-3px}.pogo-title>span{font-size:70px}.falling-icons>span{height:55px;width:55px;font-size:30px}.gravity-title{font-size:35px}.voice-script{font-size:31px}.project h3{font-size:21px}.badge{font-size:8px;padding:6px 8px}.studio-layout{grid-template-columns:.8fr 2fr;gap:40px}h2{font-size:41px}.studio h2{font-size:46px}.section-intro{max-width:240px}.contact h2{font-size:57px}.footer{gap:20px}.footer>div{gap:15px}.visual-top{font-size:6px;left:20px;right:20px;top:20px}.art-caption{font-size:5px;left:20px}}
@media(max-width:800px){.shell{width:calc(100% - 48px)}.header{height:88px}.brand{font-size:18px}.brand svg{width:36px}.header nav{gap:25px}.hero{padding-top:60px;grid-template-columns:1.2fr 1fr}.hero h1{font-size:64px;letter-spacing:-3.9px}.hero-art{height:350px;margin-right:-24px;align-self:start;margin-top:20px}.hero-actions{flex-wrap:wrap;gap:20px}.hero-description{max-width:290px}.hero-foot{margin-top:32px}.hero-bottom{margin-top:44px}.eyebrow{font-size:8px;letter-spacing:1.3px}.discipline-strip>.shell{font-size:8px;letter-spacing:1px;gap:12px}.discipline-strip{padding:20px 0}.work{padding-top:65px;padding-bottom:65px}.section-top{gap:25px}h2{font-size:34px;letter-spacing:-1.6px}.section-intro{font-size:11px;max-width:200px}.work-toolbar{margin-top:35px}.project-grid{gap:40px 22px}.project-visual{aspect-ratio:1.15}.project-meta{align-items:start;gap:7px;flex-direction:column}.project h3{font-size:23px;margin-top:6px}.project .badge{margin-top:5px}.project-type{font-size:7px}.project>p{font-size:11px}.project-link{font-size:10px}.card-actions{gap:14px;flex-wrap:wrap}.visual-top span:first-child{max-width:60%}.game-window{width:90%;left:8%}.game-body{padding:16px}.game-body strong{font-size:25px}.game-tiles{gap:6px}.game-tiles>span{padding:9px;height:60px}.game-tiles small{font-size:4px}.ayat-phone{width:145px;right:-3%;top:32%;transform:rotate(8deg)}.ayat-wordmark{top:20%;font-size:30px;left:8%}.ayat-wordmark>span{font-size:28px;margin-bottom:2px}.ayat-wordmark small{font-size:5px}.pogo-title{top:21%;font-size:46px}.pogo-title>span{font-size:60px}.pogo-icon{right:9%;top:39%;width:44%}.s1{top:22%;left:64%}.falling-icons{right:13%;bottom:17%;width:55%;height:43%}.falling-icons>span{width:45px;height:45px;border-radius:12px;font-size:26px}.gravity-title{font-size:31px;top:21%}.voice-script{font-size:26px;left:11%;top:25%}.voice-pill{bottom:16%}.vat-window{top:30%;width:95%;left:8%}.vat-body{padding:15px}.vat-body>strong{font-size:22px}.vat-sidebar{width:36px;padding:13px 8px}.vat-summary{gap:4px;font-size:6px}.vat-summary>span{padding:7px}.project-wide{padding:24px;gap:20px}.quran-mark{height:65px;width:65px}.wide-action{gap:10px}.wide-copy p{font-size:10px}.studio{padding:60px 0}.studio-layout{grid-template-columns:1fr 2.5fr;gap:26px}.studio-symbol{font-size:115px;margin-top:45px}.studio h2{font-size:39px}.studio-lead{font-size:17px}.studio-description{font-size:12px}.principles{gap:18px}.principles h3{font-size:13px}.principles p{font-size:10px}.contact{padding:65px 0}.contact h2{font-size:47px}.contact p:not(.eyebrow){font-size:12px}.footer{flex-wrap:wrap;row-gap:24px}.footer>div{gap:25px}.footer>span{margin-left:auto}.motion-control{bottom:12px;right:12px}.art-note{font-size:5px;letter-spacing:1px}.orbital-label{font-size:5px;letter-spacing:1px}}
@media(max-width:600px){.shell{width:calc(100% - 40px)}.header{height:82px}.menu-button{display:block;font-size:11px}.menu-button>span{margin-left:10px}.header nav{display:none;position:absolute;top:70px;right:0;left:0;background:#1d1c2a;border:1px solid #464052;border-radius:10px;padding:18px;box-shadow:0 15px 30px #0008}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header nav a{padding:14px 10px}.header nav .nav-contact{border:0;border-top:1px solid #494252;border-radius:0;margin-top:8px}.hero{padding-top:45px;grid-template-columns:1fr}.hero h1{font-size:clamp(55px,12.6vw,77px);letter-spacing:-3.6px;margin:23px 0 29px}.hero-description{font-size:14px;max-width:310px;line-height:1.8}.hero-actions{gap:25px;margin-top:27px}.hero-actions .button{padding:15px 19px;font-size:12px;gap:25px}.hero-actions .text-link{font-size:11px}.hero-foot{margin-top:30px}.tiny-cross{font-size:27px}.hero-foot>span:last-child{font-size:9px}.hero-art{height:330px;max-width:390px;width:100%;margin:-3px auto 0;align-self:center}.orbital-space{inset:0 0 -10px}.orbit{width:79%}.orbit-two{width:70%}.orbit-three{width:72%}.orbit-four{width:67%}.art-note{font-size:6px;bottom:-2px}.hero-bottom{margin-top:28px;font-size:6px;letter-spacing:.8px;padding-bottom:24px}.hero-bottom a span{margin-left:6px;font-size:13px}.discipline-strip>.shell{display:grid;grid-template-columns:1fr auto 1fr;text-align:center;gap:15px;font-size:7px;letter-spacing:1px}.discipline-strip span:nth-child(4){display:none}.discipline-strip span:nth-child(5){grid-column:1}.work{padding-top:58px}.section-top{display:block}h2{font-size:33px;letter-spacing:-1.4px}.work .eyebrow{margin-bottom:18px}.section-intro{font-size:12px;max-width:310px;line-height:1.8;margin-top:20px}.work-toolbar{margin-top:28px;gap:10px;padding-bottom:15px;align-items:center}.filters{gap:2px}.filters button{padding:10px 11px;font-size:9px;min-height:40px}.filters span{font-size:7px}.project-count{font-size:8px;white-space:nowrap}.project-grid{grid-template-columns:1fr;gap:34px}.project-visual{aspect-ratio:1.28}.visual-top{left:20px;right:20px;font-size:6px}.art-caption{font-size:5px;bottom:18px}.project-meta{flex-direction:row;align-items:center;margin-top:19px}.project-meta .badge{margin:0}.project h3{font-size:22px}.project-type{font-size:7px}.project>p{font-size:12px;max-width:100%;margin-top:11px}.project-link{font-size:11px;min-height:36px}.card-actions{margin-top:5px;gap:25px}.game-window{width:80%;left:11%;top:22%;height:78%}.game-body{padding:18px 22px}.game-body strong{font-size:29px}.game-tiles>span{height:66px}.game-tiles small{font-size:5px}.ayat-wordmark{font-size:33px;top:32%;left:8%}.ayat-wordmark>span{font-size:36px;margin-bottom:8px}.ayat-phone{width:155px;right:6%;top:24%}.pogo-title{font-size:57px;top:26%}.pogo-title>span{font-size:76px}.pogo-icon{width:38%;right:9%;top:30%}.s1{top:22%;left:52%}.falling-icons{width:54%;height:46%;bottom:17%;right:9%}.falling-icons>span{width:52px;height:52px;font-size:30px}.gravity-title{font-size:37px;top:23%}.voice-script{font-size:32px;left:12%;top:24%}.voice-pill{bottom:16%}.vat-window{top:25%;width:87%;left:11%}.vat-body{padding:21px}.vat-body>strong{font-size:25px}.vat-summary{font-size:7px;gap:7px}.vat-summary>span{padding:9px}.vat-sidebar{width:42px;padding:14px 11px}.project-wide{flex-wrap:wrap;gap:18px;padding:25px}.quran-mark{height:55px;width:55px;border-radius:12px;font-size:23px}.wide-copy{flex:1;min-width:170px}.wide-copy h3{font-size:21px}.wide-copy p{font-size:11px}.wide-action{width:100%;margin-left:0;flex-direction:row;justify-content:space-between;align-items:center}.work-note{font-size:9px;line-height:1.8}.studio-layout{grid-template-columns:1fr}.studio-layout>div:first-child{display:flex;align-items:center;justify-content:space-between}.studio-symbol{font-size:53px;margin:0}.studio h2{font-size:39px}.studio-lead{font-size:17px;margin-top:23px}.studio-description{font-size:12px}.principles{gap:13px;margin-top:32px}.principles h3{font-size:12px;letter-spacing:-.2px}.principles p{font-size:10px}.contact-layout{display:block;margin-top:23px}.contact h2{font-size:48px;letter-spacing:-2.5px}.contact-layout>div{margin-top:26px}.contact p:not(.eyebrow){margin-bottom:23px}.contact-email{font-size:10px}.footer{padding-bottom:70px;font-size:8px;gap:22px}.footer-brand{font-size:16px}.footer>span{margin-left:0}.footer>div{width:100%;justify-content:space-between;gap:14px}.dialog-inner{padding:34px 25px}.dialog-inner h2{font-size:32px}.dialog-description{font-size:14px}.dialog-inner ul{font-size:12px}.dialog-status-note{font-size:11px}.dialog-date{font-size:9px}.dialog-inner .eyebrow{font-size:8px}.motion-control{font-size:8px;padding:9px 12px}}
@media(max-width:360px){.shell{width:calc(100% - 32px)}.hero h1{font-size:53px}.hero-actions{gap:18px}.hero-actions .button{font-size:11px;padding:14px 16px;gap:15px}.hero-actions .text-link{font-size:10px}.filters button{padding:9px 8px}.project-count{font-size:7px}.ayat-phone{right:1%;width:145px}.ayat-wordmark{font-size:28px}.pogo-title{font-size:49px}.pogo-title>span{font-size:64px}.voice-script{font-size:27px}.game-body strong{font-size:24px}.gravity-title{font-size:33px}.falling-icons>span{width:46px;height:46px}.principles{grid-template-columns:1fr}.principles h3{margin-top:8px;font-size:14px}.principles p{font-size:12px}.principles>div{padding-top:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.orbital-space{transform:none!important}.art-note{visibility:hidden}}
@media(hover:none){.art-note{visibility:hidden}.project-visual:hover{transform:none}.project-visual:hover .game-window{transform:rotate(-5deg)}.project-visual:hover .ayat-phone{transform:rotate(8deg)}}
/* Live product imagery and a continuously moving, playable light sculpture. */
.hero-art{overflow:clip;isolation:isolate}
.ambient-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.95}
.orbit-one{animation:orbit-one-turn 24s linear infinite}
.orbit-two{animation:orbit-two-turn 31s linear infinite}
.orbit-three{animation:orbit-three-turn 19s linear infinite}
.orbit-four{animation:orbit-four-turn 38s linear infinite}
.orbit::after{content:'';position:absolute;width:9px;height:9px;left:0;top:0;border-radius:50%;background:#faf2ff;box-shadow:0 0 8px 2px #dfc7ff,0 0 20px 4px #8b5fff;offset-path:ellipse(50% 50% at 50% 50%);offset-distance:0%;animation:electron-lap 5.5s linear infinite}
.orbit-two::after{width:6px;height:6px;animation-duration:7s;animation-delay:-3s;background:#d8f7b3;box-shadow:0 0 13px 3px #c6f3a3}
.orbit-three::after{animation-duration:4s;animation-direction:reverse;animation-delay:-1.5s;width:7px;height:7px}
.orbit-four::after{display:none}
.core{animation:core-heartbeat 4s ease-in-out infinite}
.halo{animation:halo-drift 9s ease-in-out infinite alternate}
.star-a{animation:star-twinkle 5s ease-in-out infinite}.star-b{animation:star-twinkle 7s ease-in-out infinite reverse}.star-c{animation:star-twinkle 6s ease-in-out infinite;animation-delay:-3s}
.atom-trigger{position:absolute;left:50%;top:49%;translate:-50% -50%;width:74px;height:74px;border-radius:50%;background:transparent;border:0;z-index:5;cursor:crosshair}
.atom-trigger:hover{box-shadow:0 0 0 1px #d1c0ff55,0 0 30px #ba9bff44}.atom-trigger:focus-visible{outline:2px solid var(--lime);outline-offset:8px}
.hero-satellite{position:absolute;z-index:6;display:grid;place-items:center;padding:0;border:0;background:none;animation:satellite-float 5s ease-in-out infinite;outline-offset:6px;border-radius:17px}
.satellite-surface{display:grid;place-items:center;width:54px;height:54px;background:#27243ae0;border:1px solid #b8a4fb66;border-radius:17px;box-shadow:0 8px 24px #0005,0 0 20px #8868db22;transition:transform .35s cubic-bezier(.22,1.6,.36,1),box-shadow .3s;backdrop-filter:blur(8px)}
.satellite-surface img{width:36px;height:36px;border-radius:10px;object-fit:contain;pointer-events:none}
.hero-satellite:hover .satellite-surface,.hero-satellite:focus-visible .satellite-surface{transform:scale(1.18) rotate(7deg);box-shadow:0 0 35px #b794ff77}
.satellite-label{position:absolute;white-space:nowrap;left:50%;bottom:-30px;translate:-50% 0;font-size:9px;background:#252231f5;border:1px solid #605273;border-radius:20px;padding:6px 9px;opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .2s;pointer-events:none}
.hero-satellite:hover .satellite-label,.hero-satellite:focus-visible .satellite-label{opacity:1;transform:none}
.satellite-ayat{left:12%;top:23%;animation-delay:-1.8s}.satellite-claim{right:10%;top:26%;animation-delay:-3.3s}.satellite-pogo{left:25%;bottom:12%;animation-delay:-.5s}
.satellite-claim .satellite-surface{background:#181d43;border-color:#8974c4}.satellite-claim img{width:40px;height:40px}.satellite-pogo .satellite-surface{background:#51408b}
.art-note{font-size:6px;letter-spacing:1.1px;bottom:4px;pointer-events:none}
.hero-copy .eyebrow{animation:hero-arrive .8s .05s both}.hero h1{animation:hero-arrive .9s .15s both}.hero-description{animation:hero-arrive .9s .25s both}.hero-actions{animation:hero-arrive .9s .35s both}.hero-foot{animation:hero-arrive 1s .45s both}
.button{position:relative;overflow:hidden}.button:after{content:'';position:absolute;inset:-100% -50%;background:linear-gradient(110deg,transparent 40%,#ffffff40 50%,transparent 60%);transform:translateX(-100%);pointer-events:none}.button:hover:after{animation:button-sheen .7s ease-out}.button:active{scale:.97}
.project-visual{--tilt-x:0deg;--tilt-y:0deg;--shine-x:50%;--shine-y:50%;transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .25s;will-change:transform}
.project-visual:hover{transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-4px)}
.project-visual:after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--shine-x) var(--shine-y),#fff3,transparent 48%);opacity:0;mix-blend-mode:soft-light;pointer-events:none;transition:opacity .3s;z-index:4}.project-visual:hover:after{opacity:1}
.claim-art{background:radial-gradient(ellipse at 70% 70%,#30317b,#20204c);color:#e0dcff}
.ayat-art{background:radial-gradient(ellipse at 20% 20%,#e0efff,#aac8e2);color:#163354}
.site-browser{position:absolute;display:block;border-radius:9px;overflow:hidden;box-shadow:0 20px 40px #02071866;border:1px solid #a9a2dd66;isolation:isolate;background:#0c1231;animation:browser-float 8s ease-in-out infinite}
.claim-browser{width:88%;height:73%;left:7%;top:19%;transform:rotate(-4deg)}
.capture-chrome{height:22px;display:flex;align-items:center;padding:0 9px;gap:4px;background:#171c3b;border-bottom:1px solid #ffffff1a;color:#c1bfda;position:relative;z-index:1}
.capture-chrome i{width:4px;height:4px;background:#8582a0;border-radius:50%}.capture-chrome small{font-size:6px;letter-spacing:.6px;position:absolute;left:50%;translate:-50% 0}
.site-capture{display:block;width:100%;height:calc(100% - 22px);object-fit:cover;object-position:top;transform-origin:50% 0;transition:scale .8s ease;max-width:none}.project-visual:hover .site-capture{scale:1.035}
.capture-tag{position:absolute;right:10%;bottom:16%;display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:.8px;padding:8px 11px;border:1px solid #7d6fb8;background:#272d53ef;border-radius:30px;box-shadow:0 5px 15px #0003}
.capture-tag>i{width:4px;height:4px;border-radius:50%;background:#a7efbb;box-shadow:0 0 8px #b0f5b7}
.ayat-browser{width:78%;height:64%;left:6%;top:23%;transform:rotate(-5deg);animation-delay:-3s;background:#edf6ff}
.ayat-browser .capture-chrome{background:#eaf3fb;color:#34516e;border-bottom-color:#8eadd066}.ayat-browser .capture-chrome i{background:#9db4ca}
.real-phone{display:block;position:absolute;width:24%;height:70%;right:6%;top:25%;border:5px solid #172d48;border-radius:20px;background:#f1f8ff;overflow:hidden;transform:rotate(7deg);box-shadow:0 13px 25px #203b5a66;animation:phone-float 7s ease-in-out infinite}
.real-phone img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;animation:real-screen-cycle 13.5s infinite}.real-phone img:first-child{opacity:1;animation-delay:0s}.real-phone img:nth-child(2){animation-delay:-9s}.real-phone img:nth-child(3){animation-delay:-4.5s}
.pogo-icon{animation:pogo-hop 5s ease-in-out infinite}.block-grid{bottom:-23%;right:8%;opacity:.36;animation:block-drift 9s ease-in-out infinite}.pogo-spark{animation:star-twinkle 4s ease-in-out infinite}.s2{animation-delay:-2s}
.falling-icons>span{animation:icon-play 4.5s ease-in-out infinite alternate}.voice-wave{opacity:.35;mask-image:linear-gradient(transparent,#fff 45%)}.voice-wave i{animation:voice-meter 1.8s ease-in-out infinite alternate}.voice-pill{animation:voice-live 3s ease-in-out infinite}.studio-symbol{animation-duration:26s}
.principles>div{transition:transform .3s,border-color .3s}.principles>div:hover{transform:translateY(-6px);border-color:var(--lilac)}
.reveal-ready{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.6,.2,1)}.reveal-ready.is-visible{opacity:1;transform:none}.motion-paused .reveal-ready{opacity:1;transform:none}
@keyframes orbit-one-turn{from{transform:translate(-50%,-50%) rotate(-44deg)}to{transform:translate(-50%,-50%) rotate(316deg)}}
@keyframes orbit-two-turn{from{transform:translate(-50%,-50%) rotate(-18deg) rotateY(55deg)}to{transform:translate(-50%,-50%) rotate(-378deg) rotateY(55deg)}}
@keyframes orbit-three-turn{from{transform:translate(-50%,-50%) rotate(30deg)}to{transform:translate(-50%,-50%) rotate(390deg)}}
@keyframes orbit-four-turn{from{transform:translate(-50%,-50%) rotate(-63deg)}to{transform:translate(-50%,-50%) rotate(-423deg)}}
@keyframes electron-lap{to{offset-distance:100%}}
@keyframes core-heartbeat{0%,100%{transform:translate(-50%,-50%) scale(1);filter:brightness(1)}50%{transform:translate(-50%,-50%) scale(1.12);filter:brightness(1.25)}}
@keyframes halo-drift{from{transform:scale(.9) translate(-8px,5px);opacity:.7}to{transform:scale(1.15) translate(10px,-8px);opacity:1}}
@keyframes star-twinkle{0%,100%{scale:.8;opacity:.5;rotate:-10deg}50%{scale:1.2;opacity:1;rotate:15deg}}
@keyframes satellite-float{0%,100%{translate:0 0;rotate:-5deg}50%{translate:0 -16px;rotate:5deg}}
@keyframes hero-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes button-sheen{to{transform:translateX(100%)}}
@keyframes browser-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes phone-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -12px;rotate:-3deg}}
@keyframes real-screen-cycle{0%,25%{opacity:1}33%,92%{opacity:0}100%{opacity:1}}
@keyframes pogo-hop{0%,64%,100%{translate:0 0;scale:1}72%{translate:0 -14px;scale:1.03 .97}80%{translate:0 0;scale:.97 1.03}88%{translate:0 -5px;scale:1}}
@keyframes block-drift{0%,100%{translate:0 0;rotate:0deg}50%{translate:-6px -10px;rotate:-4deg}}
@keyframes icon-play{0%{translate:0 3px;rotate:-7deg}100%{translate:0 -14px;rotate:8deg}}
@keyframes voice-meter{0%{scale:1 .35}100%{scale:1 1}}
@keyframes voice-live{50%{box-shadow:0 0 15px #bba3ee33;border-color:#cbb1ef}}
@media(max-width:800px){.satellite-surface{width:45px;height:45px;border-radius:14px}.satellite-surface img{width:30px;height:30px}.satellite-claim img{width:34px;height:34px}.satellite-label{font-size:8px}.claim-browser{height:67%;top:23%;width:91%;left:5%}.ayat-browser{height:56%;top:27%;width:83%;left:4%}.real-phone{width:27%;height:67%;top:29%;right:5%;border-width:4px;border-radius:16px}.capture-chrome{height:18px}.site-capture{height:calc(100% - 18px)}.capture-tag{font-size:6px;padding:6px 9px}.art-note{font-size:5px;letter-spacing:.8px}}
@media(max-width:600px){.hero-art{height:350px}.satellite-surface{width:45px;height:45px}.satellite-ayat{left:10%;top:24%}.satellite-claim{right:7%;top:26%}.satellite-pogo{left:22%;bottom:12%}.art-note{visibility:visible;font-size:5px;letter-spacing:.7px}.claim-browser{top:21%;height:70%;width:88%;left:7%}.ayat-browser{top:25%;height:61%;width:80%;left:5%}.real-phone{height:70%;width:25%;top:25%;right:6%}.capture-chrome small{font-size:5px}.capture-tag{bottom:15%}.real-phone img{object-fit:cover}.reveal-ready{transform:translateY(20px)}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.art-note{visibility:hidden}.real-phone img{opacity:0}.real-phone img:first-child{opacity:1}.project-visual,.project-visual:hover{transform:none}.hero-satellite:hover .satellite-surface{transform:none}}
.motion-paused .project-visual,.motion-paused .project-visual:hover{transform:none}.motion-paused .button:hover{transform:none}.motion-paused .satellite-surface{transform:none!important}
.scene-offscreen *,.scene-offscreen *::after{animation-play-state:paused!important}
.motion-paused .hero-copy .eyebrow,.motion-paused .hero h1,.motion-paused .hero-description,.motion-paused .hero-actions,.motion-paused .hero-foot{opacity:1!important;transform:none!important}
/* Allow the rotating rings to sweep outside their box without widening the page. */
.hero-art{overflow:visible}.orbital-grid{inset:12%}
.hero-art{clip-path:inset(-100px 0 -100px 0)}
.quran-mark img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
/* Appearance switch, moving studio ribbon and the policy centre. */
[hidden]{display:none!important}
.header-controls{display:flex;align-items:center;gap:12px}.header nav{margin-left:auto;margin-right:24px}
.theme-toggle{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--ink);padding:9px;cursor:pointer;transition:background .25s,border-color .25s,rotate .3s}.theme-toggle:hover{border-color:var(--lilac);rotate:12deg}.theme-toggle svg{width:20px;height:20px}.theme-toggle .moon-icon{display:none}:root[data-theme=light] .theme-toggle .sun-icon{display:none}:root[data-theme=light] .theme-toggle .moon-icon{display:block}
.discipline-strip{overflow:hidden;position:relative;padding:21px 0}.marquee-track{display:flex;width:max-content;animation:marquee-left 32s linear infinite;will-change:transform}.marquee-group{display:flex;flex-shrink:0;align-items:center;width:max-content;gap:65px;padding-right:65px}.marquee-group>span{font-size:10px;font-weight:550;letter-spacing:1.9px;white-space:nowrap}.marquee-group>span:nth-child(even){display:inline;color:var(--lilac);font-size:20px}.discipline-strip:hover .marquee-track{animation-play-state:paused}
@keyframes marquee-left{to{transform:translateX(-50%)}}
.download-link{color:var(--lilac);font-weight:700}.card-actions{column-gap:20px;row-gap:8px;flex-wrap:wrap}.dialog-legal{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:10px;line-height:1.8;color:var(--muted)}.dialog-legal a:hover{color:var(--lilac)}
.legal-center{padding:70px 0 80px;border-top:1px solid var(--line)}.legal-center>.eyebrow{color:var(--lilac)}.legal-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;margin-top:25px}.legal-layout h2{font-size:38px}.legal-layout>div:first-child>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:320px;margin:22px 0}.legal-directory{display:grid;grid-template-columns:1fr 1fr;gap:30px}.legal-directory h3{font-size:16px;letter-spacing:-.4px;font-weight:550;margin-bottom:18px}.legal-directory>div:first-child>a{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.legal-directory a:hover{color:var(--lilac)}.legal-directory>div:last-child>p{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:23px}.secondary{background:var(--panel);border:1px solid var(--line);color:var(--ink);font-size:11px;gap:22px}.secondary:hover{border-color:var(--lilac);color:var(--lilac)}
.legal-page-nav{display:flex;align-items:center;gap:25px;font-size:12px}.legal-document{max-width:920px;padding:48px 0 80px}.back-link{font-size:11px;color:var(--muted);display:inline-block;margin-bottom:28px}.back-link:hover{color:var(--lilac)}.legal-document>h1{font-size:clamp(34px,5vw,58px);line-height:1.15;letter-spacing:-2px;font-weight:500;margin-bottom:22px}.document-intro{font-size:17px;line-height:1.8;color:var(--muted);margin-bottom:30px}.document-updated{color:var(--muted);font-size:11px;margin-bottom:35px}.policy-body{font-size:14px;line-height:1.85;color:var(--muted)}.policy-body h2{font-size:23px;font-weight:550;letter-spacing:-.7px;margin:32px 0 15px;color:var(--ink)}.policy-body h3{font-size:18px;letter-spacing:-.4px;margin:25px 0 12px;color:var(--ink)}.policy-body p{margin-bottom:17px}.policy-body ul,.policy-body ol{padding-left:23px;margin:15px 0 22px}.policy-body li{margin-bottom:9px;padding-left:4px}.policy-body a,.licence-links a,.document-related a{color:var(--lilac);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--lilac),transparent 55%);text-underline-offset:4px}.policy-body a:hover,.licence-links a:hover{color:var(--ink)}.policy-body strong{color:var(--ink)}.policy-body code{overflow-wrap:anywhere}.policy-body table{border-collapse:collapse;font-size:12px;width:100%;margin:22px 0;table-layout:fixed}.policy-body th,.policy-body td{border:1px solid var(--line);padding:12px;text-align:left;overflow-wrap:anywhere;vertical-align:top}.policy-body th{background:var(--panel);color:var(--ink)}.document-related{margin-top:42px;border-top:1px solid var(--line);padding-top:25px;display:flex;flex-wrap:wrap;gap:25px;font-size:12px}.policy-index{display:grid;grid-template-columns:1fr 1fr;gap:15px}.policy-index>a{display:flex;justify-content:space-between;padding:23px;background:var(--panel);border:1px solid var(--line);border-radius:8px;font-size:14px}.policy-index a:hover{border-color:var(--lilac);color:var(--lilac)}.licence-jump{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px}.licence-jump a{padding:9px 13px;border:1px solid var(--line);border-radius:30px;font-size:11px;color:var(--muted)}.licence-jump a:hover{border-color:var(--lilac);color:var(--lilac)}.licence-overview{padding:22px;border:1px solid var(--line);border-radius:8px;font-size:12px;line-height:1.85;color:var(--muted);background:var(--panel)}.licence-section{padding-top:44px;margin-top:20px;border-top:1px solid var(--line);scroll-margin-top:30px}.licence-section>h2{font-size:30px;font-weight:550;letter-spacing:-1px;margin-bottom:25px}.licence-detail{border:1px solid var(--line);border-radius:8px;margin:12px 0;background:var(--panel);overflow:hidden}.licence-detail summary{padding:16px 20px;font-size:12px;cursor:pointer;line-height:1.6}.licence-detail summary:hover{color:var(--lilac)}.licence-detail summary:focus-visible{outline:2px solid var(--lilac);outline-offset:-4px}.licence-text{margin:0;padding:22px;border-top:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.75;color:var(--muted);font-family:ui-monospace,Consolas,monospace}.licence-detail>.text-link{display:inline-block;margin:0 22px 22px;font-size:11px;color:var(--lilac)}.licence-links{font-size:12px;line-height:1.9;padding-left:20px}.legal-page .footer{padding-bottom:30px}.legal-preview-inner{padding:40px;max-height:80dvh;overflow:auto}.legal-preview-inner h2{font-size:30px;margin:10px 45px 25px 0}.legal-preview-inner .policy-body{font-size:13px}.legal-preview-inner .policy-body h2{font-size:21px}.legal-preview-inner .licence-text{font-size:10px}
:root[data-theme=light]{color-scheme:light;--bg:#f6f5f2;--panel:#fff;--ink:#232030;--muted:#65616f;--line:#d9d5e1;--lilac:#7250ae;--lime:#58752b}
:root[data-theme=light] body{background:var(--bg);color:var(--ink)}
:root[data-theme=light] .hero-description{color:#615c6b}:root[data-theme=light] .primary{background:#704baa;color:#fff}:root[data-theme=light] .primary:hover{background:#5b378f}:root[data-theme=light] .light-word svg{stroke:#9471c1}:root[data-theme=light] .discipline-strip{background:#eeebf4}:root[data-theme=light] .studio{background:#eeecf2}:root[data-theme=light] .studio-lead{color:#494252}:root[data-theme=light] .muted{color:#8b8298}:root[data-theme=light] .hero-bottom{color:#716779}:root[data-theme=light] .art-note,:root[data-theme=light] .orbital-label{color:#716180}:root[data-theme=light] .hero-art .halo{background:radial-gradient(ellipse,#9162cb44,#b7abec22 45%,transparent 70%)}:root[data-theme=light] .star{color:#7f4fc4}:root[data-theme=light] .orbit{box-shadow:0 0 8px #9478bd70,inset 0 0 7px #7452b055,0 0 25px #7a48b830}:root[data-theme=light] .core{box-shadow:0 0 50px 9px #9f76d255,0 0 110px 12px #c0a3df55}:root[data-theme=light] .satellite-surface{background:#fff;border-color:#c0aedc;box-shadow:0 8px 22px #48226722}:root[data-theme=light] .satellite-claim .satellite-surface{background:#252b53}:root[data-theme=light] .satellite-label{background:#fff;border-color:#cfbfe6;color:#3c2c52}:root[data-theme=light] .filters button{color:#6d6579}:root[data-theme=light] .filters button[aria-pressed=true]{background:#e7deef;border-color:#c9b7df;color:#513473}:root[data-theme=light] .filters button:hover{border-color:#b69dce;color:#36243f}:root[data-theme=light] .badge.live{color:#39663c;border-color:#bdd1b9;background:#e8f1e5}:root[data-theme=light] .badge.progress{color:#795c32;border-color:#d8c8ac;background:#f3eadd}:root[data-theme=light] .badge.release{color:#63437b;border-color:#d2bfe4;background:#eee4f6}:root[data-theme=light] .project-wide{background:linear-gradient(120deg,#e5eee7,#f1f4ed)}:root[data-theme=light] .quran-mark{background:#d0dfd0}:root[data-theme=light] .motion-control{background:#fffefaf0;color:#50465f;border-color:#c7bfd2}:root[data-theme=light] dialog{background:#fbfaf7;color:var(--ink);border-color:#cec2db;box-shadow:0 30px 100px #30233c33}:root[data-theme=light] dialog::backdrop{background:#30253e55}:root[data-theme=light] .dialog-close{background:#eee8f4;border-color:#d3c5e3}:root[data-theme=light] .dialog-description{color:#564d60}:root[data-theme=light] .dialog-status-note{color:#62576d}:root[data-theme=light] .contact-email{color:#6a5f78}:root[data-theme=light] .header nav.open{background:#f7f3fb;border-color:#c9bcda;box-shadow:0 15px 30px #3e2c6122}:root[data-theme=light] .header nav .nav-contact{border-color:#c5b8d4}
@media(max-width:800px){.header nav{margin-right:16px;gap:22px}.header-controls{gap:7px}.legal-layout{gap:30px;grid-template-columns:.9fr 1.4fr}.legal-layout h2{font-size:32px}.legal-directory{gap:20px}.marquee-group{gap:45px;padding-right:45px}.legal-directory h3{font-size:14px}.legal-document{padding-top:35px}}
@media(max-width:600px){.header nav{margin:0}.header-controls{gap:6px}.theme-toggle{width:35px;height:35px;padding:8px}.theme-toggle svg{width:18px;height:18px}.menu-button{padding:10px 0 10px 10px}.legal-center{padding:50px 0 55px}.legal-layout{grid-template-columns:1fr;gap:30px;margin-top:20px}.legal-layout h2{font-size:34px}.legal-layout>div:first-child>p{font-size:12px;max-width:330px;margin:18px 0}.legal-directory{gap:24px}.legal-directory>div:first-child>a{font-size:10px;gap:8px}.legal-directory>div:last-child>p{font-size:11px}.legal-directory .button{padding:13px 15px;font-size:10px;gap:14px}.marquee-group{gap:35px;padding-right:35px}.marquee-group>span{font-size:8px;letter-spacing:1.4px}.marquee-group>span:nth-child(even){display:inline}.discipline-strip{padding:17px 0}.policy-index{grid-template-columns:1fr}.legal-page-nav{gap:14px;font-size:10px}.legal-page .brand{font-size:16px}.legal-page .brand>img{height:32px;width:32px}.legal-document>h1{font-size:35px;letter-spacing:-1.5px}.document-intro{font-size:14px}.policy-body{font-size:13px}.policy-body h2{font-size:21px}.policy-body th,.policy-body td{padding:8px;font-size:10px}.licence-section>h2{font-size:27px}.licence-text{padding:16px;font-size:10px}.licence-detail summary{padding:14px 16px;font-size:11px}.legal-preview-inner{padding:30px 20px}.legal-page .footer{font-size:9px;line-height:1.8}.dialog-legal{font-size:10px;gap:14px}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none!important}.marquee-group[aria-hidden]{display:none}.marquee-track{width:100%}.marquee-group{width:100%;justify-content:space-around;gap:20px;flex-wrap:wrap;padding:0 20px}.marquee-group>span:nth-child(even){display:none}}
@media print{.legal-page .header,.legal-page .footer,.back-link,.licence-jump{display:none}.legal-document{width:100%;max-width:none;padding:0}.legal-page{color:#111;background:#fff}.policy-body,.licence-text{color:#111}.licence-detail{break-inside:avoid}}