*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#f4f0e8;background:#0c0812;font-family:Segoe UI,Arial,sans-serif;overflow-x:hidden}.hero{background:radial-gradient(circle at 48% 65%,#701bb024,#0000 40%),radial-gradient(circle at 18%,#9d32ef12,#0000 32%),#0c0812;width:100%;height:100vh;min-height:650px;position:relative;overflow:hidden}#three-scene{z-index:1;position:absolute;inset:0}#three-scene canvas{width:100%;height:100%;display:block}.hero-center{z-index:5;text-align:center;pointer-events:none;position:absolute;top:50%;left:53%;transform:translate(-50%,-50%)}.hero-logo{object-fit:contain;filter:drop-shadow(0 0 26px #9d32ef21);width:clamp(330px,36vw,480px);height:auto;margin:0 auto;display:block}.hero-tagline{color:#c85cff;letter-spacing:.8px;text-shadow:0 0 8px #c85cffa6,0 0 20px #9d32ef4d;margin-top:18px;font-size:15px;font-weight:400}.hero-explore-wrap{z-index:6;position:absolute;top:50%;right:clamp(45px,7vw,120px);transform:translateY(-50%)}.studio-portal{perspective:800px;justify-content:center;align-items:center;width:190px;height:190px;text-decoration:none;display:flex;position:relative}.portal-ring{border:1px solid #e4b656b8;border-radius:50%;width:155px;height:155px;transition:border-color .35s,box-shadow .35s;animation:6s ease-in-out infinite portalFloat;position:absolute;transform:rotateX(66deg)rotate(-12deg);box-shadow:0 0 18px #e4b6561a,inset 0 0 20px #9d32ef14}.portal-ring:after{content:"";border:1px solid #9d32ef47;border-radius:50%;position:absolute;inset:14px;box-shadow:0 0 14px #9d32ef21}.portal-content{z-index:2;flex-direction:column;align-items:flex-start;min-width:125px;transition:transform .35s;display:flex;position:relative;transform:translateY(-2px)}.portal-small{color:#e4b656;letter-spacing:2.4px;text-transform:uppercase;text-shadow:0 0 8px #e4b65640;font-size:10px;font-weight:500}.portal-title{color:#f1c35d;letter-spacing:.4px;text-shadow:0 0 10px #e4b65659,0 0 22px #e4b6562e;margin-top:5px;font-size:24px;font-weight:700}.portal-arrow{color:#c85cff;text-shadow:0 0 10px #c85cff8c;margin-top:9px;font-size:25px;font-weight:200;line-height:1;transition:transform .35s}.studio-portal:hover .portal-ring{border-color:#f1c35d;box-shadow:0 0 28px #e4b6562e,inset 0 0 26px #9d32ef24}.studio-portal:hover .portal-content{transform:translateY(-2px)translate(5px)}.studio-portal:hover .portal-arrow{transform:translate(8px)}@keyframes portalFloat{0%,to{transform:rotateX(66deg)rotate(-12deg)translateY(0)}50%{transform:rotateX(66deg)rotate(-6deg)translateY(-7px)}}.top-header{z-index:50;pointer-events:none;justify-content:flex-end;align-items:center;width:100%;padding:26px 55px;display:flex;position:fixed;top:0;left:0}.top-nav{pointer-events:auto;align-items:center;gap:28px;display:flex}.top-nav a{color:#e4b656;letter-spacing:1.1px;text-transform:uppercase;font-size:14px;font-weight:700;text-decoration:none;transition:color .3s,text-shadow .3s;position:relative}.top-nav a:after{content:"";background:#e4b656;width:0;height:1px;transition:width .3s;position:absolute;bottom:-7px;left:0}.top-nav a:hover{color:#f1c35d;text-shadow:0 0 8px #f1c35d40}.top-nav a:hover:after{width:100%}.mobile-menu{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-section{background:#0c0812;justify-content:center;align-items:center;min-height:100vh;display:flex}.page-section h2{color:#e4b656;font-size:clamp(34px,5vw,64px);font-weight:300}@media (width<=768px){.hero{min-height:100svh}.hero-center{top:35%;left:50%}.hero-logo{width:min(79vw,350px)}.hero-tagline{margin-top:12px;font-size:13px}.hero-explore-wrap{top:88%;left:50%;right:auto;transform:translate(-50%,-50%)}.studio-portal{width:150px;height:150px}.portal-ring{width:125px;height:125px}.portal-small{font-size:12px;font-weight:700}.portal-title{font-size:20px;font-weight:700}.portal-arrow{font-size:21px}.top-header{padding:20px}.top-nav{display:none}.mobile-menu{pointer-events:auto;display:block;position:relative}.mobile-menu summary{cursor:pointer;flex-direction:column;justify-content:center;gap:5px;width:34px;height:28px;list-style:none;display:flex}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{background:#e4b656;width:26px;height:1px;display:block}.mobile-menu nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c0812f0;border:1px solid #e4b65638;flex-direction:column;gap:16px;min-width:190px;padding:20px 22px;display:flex;position:absolute;top:42px;right:0;box-shadow:0 12px 35px #00000059}.mobile-menu nav a{color:#e4b656;letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:600;text-decoration:none}.mobile-menu nav a:hover{color:#f1c35d}}.websites-section{background:radial-gradient(circle at 22% 55%,#9d32ef1f,#0000 34%),radial-gradient(circle at 78% 45%,#e4b6560f,#0000 30%),#0c0812;min-height:100vh;padding:80px 7vw 100px;position:relative;overflow:hidden}.websites-intro{z-index:2;max-width:900px;margin-bottom:25px;position:relative;transform:translateY(-15px)}.websites-eyebrow{color:#c85cff;letter-spacing:3px;margin-bottom:18px;font-size:11px;font-weight:700;display:block}.websites-intro h2{color:#e4b656;letter-spacing:-.6px;text-align:center;max-width:760px;margin:0 auto;font-size:clamp(28px,2.8vw,42px);font-weight:400;line-height:1.12}.websites-intro h2 span{color:#e4b656;width:fit-content;margin-top:5px;margin-left:250px;font-size:90%;display:block}.websites-intro>p{color:#fff;text-align:center;max-width:560px;margin:34px auto 0;font-size:14px;line-height:1.65;transform:translate(-30px)}.websites-showcase{z-index:2;grid-template-columns:1.25fr .75fr;align-items:center;gap:clamp(50px,7vw,110px);display:grid;position:relative}.websites-visual{background:radial-gradient(circle,#9d32ef38,#0c081226 65%);border:1px solid #d2b4582e;border-radius:28px;width:88%;height:460px;min-height:460px;margin:4px auto 0;position:relative;overflow:hidden}.websites-video{object-fit:cover;object-position:center 25%;border-radius:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}.websites-visual:before{content:"";filter:blur(70px);background:#9d32ef1f;border-radius:50%;width:240px;height:240px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#websites-3d-scene{z-index:2;position:absolute;inset:0}.websites-content{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative;transform:translateY(-90px)}.websites-number{display:none}.websites-content h3{color:#e4b656;text-align:center;max-width:390px;font-size:clamp(28px,2.4vw,38px);font-weight:400;line-height:1.12}.websites-content>p{color:#fff;text-align:center;max-width:460px;margin-top:18px;font-size:15px;line-height:1.7}.websites-features{grid-template-columns:repeat(2,max-content);justify-content:center;gap:10px 12px;margin-top:28px;display:grid}.websites-features span{color:#c85cff;letter-spacing:1px;text-transform:uppercase;border:1px solid #c85cff8c;border-radius:30px;padding:9px 13px;font-size:10px;font-weight:700}.websites-cta{color:#e4b656;letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:18px;margin-top:38px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.websites-cta span{color:#c85cff;font-size:22px;transition:transform .3s}.websites-cta:hover span{transform:translate(7px)}@media (width<=768px){.websites-section{padding:95px 22px 80px}.websites-intro{text-align:center;max-width:100%;margin:0 auto 26px;transform:none!important}.websites-eyebrow{letter-spacing:2.2px;text-align:center;margin-bottom:16px;font-size:9px}.websites-intro h2{letter-spacing:-.3px;text-align:center;width:100%;max-width:340px;margin:0 auto;font-size:25px;line-height:1.1}.websites-intro h2 span{white-space:nowrap;text-align:center;width:100%;font-size:25px;line-height:1.1;display:block;margin:5px auto 0!important}.websites-intro>p{text-align:center;width:100%;max-width:340px;margin:22px auto 0;padding:0 5px;font-size:12px;line-height:1.55;transform:none!important}.websites-showcase{grid-template-columns:1fr;align-items:start;gap:0;width:100%;margin:0}.websites-visual{border-radius:23px;width:100%;max-width:340px;height:370px;min-height:370px;margin:40px auto 0;transform:none!important}.websites-video{object-fit:cover;object-position:center 25%;width:100%;height:100%}.websites-content{text-align:center;align-items:center;width:100%;max-width:340px;margin:200px auto 0;transform:none!important}.websites-content h3{max-width:320px;margin:0 auto;font-size:30px;line-height:1.1}.websites-content>p{max-width:330px;margin:16px auto 0;font-size:12px;line-height:1.55}.websites-features{grid-template-columns:repeat(2,1fr);gap:10px;width:100%;margin-top:24px}.websites-features span{letter-spacing:.7px;text-align:center;justify-content:center;align-items:center;min-height:38px;padding:8px 7px;font-size:8px;display:flex}.websites-cta{gap:14px;margin-top:30px;font-size:11px}}.books-section{color:#f4f0e8;isolation:isolate;background:radial-gradient(circle at 48% 65%,#701bb024,#0000 40%),radial-gradient(circle at 18%,#9d32ef12,#0000 32%),#0c0812;min-height:100vh;padding:110px 7vw 100px;position:relative;overflow:hidden}.books-intro{z-index:10;text-align:center;max-width:820px;margin:0 auto 28px;position:relative}.books-eyebrow{color:#c85cff;letter-spacing:3px;margin-bottom:14px;font-size:11px;font-weight:700;display:inline-block}.books-intro h2{color:#e4b656;white-space:nowrap;margin:0;font-size:clamp(28px,3vw,42px);font-weight:400;line-height:1.1}.books-intro p{color:#fff;max-width:600px;margin:12px auto 0;font-size:15px;line-height:1.7}.books-carousel{z-index:5;width:100%;max-width:1280px;height:460px;margin:0 auto;position:relative}.books-viewport{z-index:5;height:420px;margin:0 auto;perspective:none!important;width:100%!important;position:relative!important;overflow:visible!important}.books-track{height:100%;position:relative;transform-style:flat!important;width:100%!important;transition:none!important;transform:none!important}.book-card,.book-card:first-child,.book-card:nth-child(2),.book-card:nth-child(3),.book-card:nth-child(4),.book-card:nth-child(5),.book-card:nth-child(6),.book-card:nth-child(7),.book-card:nth-child(8),.book-card:nth-child(9){text-align:center;transform-origin:50%;opacity:1;cursor:pointer;will-change:transform, opacity;width:230px;margin:0;transition:transform .72s cubic-bezier(.22,.61,.36,1),opacity .72s,filter .72s;position:absolute;top:48%;left:50%;overflow:visible;transform:translate(-50%,-50%);transform-style:flat!important;backface-visibility:visible!important}.book-card.active{filter:drop-shadow(0 0 30px #c358ff6b)}.book-cover-frame{outline-offset:3px;background:0 0;border:1px solid #ffffffbf;border-radius:10px;outline:2px solid #e4b656d9;justify-content:center;align-items:center;width:fit-content;height:fit-content;margin:0 auto;padding:4px;transition:box-shadow .3s,transform .3s;display:inline-flex;box-shadow:0 22px 50px #0000006b,0 0 26px #9d32ef1a}.book-card:hover .book-cover-frame{box-shadow:0 24px 55px #0000007a,0 0 32px #9d32ef47,0 0 20px #e4b6562e}.book-cover-frame img,.book-card>img{pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:7px;width:auto;max-width:190px;height:250px;display:block;transform:none!important}.book-card>img{outline-offset:3px;border:1px solid #ffffffbf;outline:2px solid #e4b656d9;margin:0 auto;box-shadow:0 22px 50px #0000006b,0 0 26px #9d32ef1a}.book-info{display:none!important}.books-center-price{color:#e4b656;text-align:center;white-space:nowrap;pointer-events:none;text-shadow:0 0 8px #e4b6568c,0 0 18px #e4b65640;min-width:90px;font-family:Segoe UI,Arial,sans-serif;line-height:1;z-index:40!important;font-size:18px!important;font-weight:800!important;position:absolute!important;top:405px!important;left:50%!important;transform:translate(-50%)!important}.books-floor-halo{z-index:0!important}.books-floor-glow{z-index:1!important}.books-arrow{z-index:60;color:#e4b656;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0812c7;border:1px solid #e4b65673;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:25px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:absolute;top:48%;transform:translateY(-50%)}.books-prev{left:0}.books-next{right:0}.books-arrow:hover{border-color:#e4b656;transform:translateY(-50%)scale(1.08);box-shadow:0 0 22px #e4b6562e}.apps-section{color:#f4f0e8;background:radial-gradient(circle at 50% 45%,#9d32ef1a,#0000 38%),radial-gradient(circle at 18% 65%,#e4b6560d,#0000 30%),#0c0812;min-height:100vh;padding:110px 7vw;position:relative;overflow:hidden}.apps-intro{z-index:5;text-align:center;max-width:820px;margin:0 auto 55px;position:relative}.apps-eyebrow{color:#c85cff;letter-spacing:3px;margin-bottom:14px;font-size:11px;font-weight:700;display:inline-block}.apps-intro h2{color:#e4b656;margin:0;font-size:clamp(30px,3vw,44px);font-weight:400;line-height:1.12}.apps-intro p{color:#fff;max-width:620px;margin:15px auto 0;font-size:15px;line-height:1.7}.apps-grid{z-index:5;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;width:min(1180px,100%);margin:0 auto;display:grid;position:relative}.app-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:linear-gradient(#ffffff09,#ffffff03);border:1px solid #e4b65633;border-radius:24px;min-height:470px;padding:24px 22px 26px;transition:transform .35s,border-color .35s,box-shadow .35s;position:relative;box-shadow:0 22px 55px #00000047}.app-card:hover{border-color:#c85cff8c;transform:translateY(-8px);box-shadow:0 28px 65px #00000061,0 0 34px #9d32ef1f}.app-icon-wrap{justify-content:center;align-items:center;width:100%;margin-bottom:24px;display:flex;position:relative}.app-icon-wrap:before{content:"";filter:blur(24px);pointer-events:none;background:radial-gradient(#b14ef859,#9d32ef24 48%,#0000 74%);border-radius:50%;width:180px;height:70px;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.app-icon{z-index:2;object-fit:contain;filter:drop-shadow(0 18px 28px #00000047);border-radius:28px;width:190px;height:190px;transition:transform .35s,filter .35s;display:block;position:relative}.app-card:hover .app-icon{filter:drop-shadow(0 22px 34px #00000057)drop-shadow(0 0 18px #9d32ef2e);transform:scale(1.045)}.app-content{z-index:3;position:relative}.app-status{color:#c85cff;letter-spacing:1.1px;text-transform:uppercase;border:1px solid #c85cff6b;border-radius:999px;margin-bottom:14px;padding:7px 11px;font-size:9px;font-weight:700;display:inline-block}.app-status-development{color:#e4b656;border-color:#e4b65661}.app-content h3{color:#e4b656;margin:0;font-size:23px;font-weight:500;line-height:1.2}.app-content p{color:#ffffffd6;max-width:260px;margin:14px auto 0;font-size:13px;line-height:1.65}@media (width<=1100px){.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.apps-section{padding:95px 22px 85px}.apps-intro{margin-bottom:42px}.apps-intro h2{font-size:36px}.apps-intro p{font-size:14px}.apps-grid{grid-template-columns:1fr;gap:24px}.app-card{min-height:auto;padding:24px 20px 26px}.app-icon{width:180px;height:180px}}.studio-section{color:#f4f0e8;background:radial-gradient(circle at 50% 45%,#9d32ef1f,#0000 38%),radial-gradient(circle at 50% 72%,#e4b6560d,#0000 30%),#0c0812;justify-content:center;align-items:center;min-height:100vh;padding:120px 7vw;display:flex;position:relative;overflow:hidden}.studio-content{z-index:5;text-align:center;width:min(900px,100%);margin:0 auto;position:relative}.studio-eyebrow{color:#c85cff;letter-spacing:3px;margin-bottom:18px;font-size:11px;font-weight:700;display:inline-block}.studio-content h2{color:#e4b656;margin:0;font-size:clamp(36px,4vw,58px);font-weight:400;line-height:1.08}.studio-content>p{color:#ffffffe0;max-width:720px;margin:24px auto 0;font-size:16px;line-height:1.8}.studio-services{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:34px;display:flex}.studio-services span{color:#c85cff;letter-spacing:1px;text-transform:uppercase;background:#ffffff04;border:1px solid #c85cff73;border-radius:999px;padding:10px 16px;font-size:11px;font-weight:700}.studio-cta{color:#e4b656;letter-spacing:1.4px;text-transform:uppercase;align-items:center;gap:16px;margin-top:42px;font-size:13px;font-weight:700;text-decoration:none;transition:color .3s,text-shadow .3s;display:inline-flex}.studio-cta span{color:#c85cff;font-size:23px;transition:transform .3s}.studio-cta:hover{color:#f1c35d;text-shadow:0 0 12px #e4b65640}.studio-cta:hover span{transform:translate(8px)}.contact-form{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 50% 55%,#9d32ef3d,#0000 62%),linear-gradient(#ffffff09,#ffffff03);border:1px solid #e4b65638;border-radius:26px;flex-direction:column;grid-template-columns:1fr 1fr;gap:22px 24px;padding:34px;display:grid;position:relative;box-shadow:0 28px 70px #00000057,0 0 55px #9d32ef21}@media (width<=768px){.contact-section{min-height:auto;padding:110px 22px 35px}.contact-layout{grid-template-columns:1fr;gap:42px}.contact-copy{max-width:100%}.contact-copy h2{font-size:22px;line-height:1.25}.contact-copy p{font-size:14px;line-height:1.65}.contact-form{border-radius:22px;grid-template-columns:1fr;gap:18px;padding:24px 20px}.contact-form button[type=submit]{grid-column:1;width:100%;min-width:0}}.contact-section{color:#f4f0e8;background:radial-gradient(circle at 68% 48%,#9d32ef1f,#0000 34%),radial-gradient(circle at 22% 68%,#e4b6560d,#0000 28%),#0c0812;align-items:center;min-height:88vh;padding:70px 7vw 35px;display:flex;position:relative;overflow:hidden}.contact-layout{z-index:5;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(60px,8vw,120px);width:min(1180px,100%);margin:0 auto;display:grid;position:relative}.contact-copy{max-width:500px}.contact-eyebrow{color:#c85cff;letter-spacing:3px;margin-bottom:18px;font-size:11px;font-weight:700;display:inline-block}.contact-copy h2{color:#e4b656;margin:0;font-size:clamp(38px,4vw,58px);font-weight:400;line-height:1.08}.contact-copy p{color:#ffffffdb;margin-top:22px;font-size:15px;line-height:1.8}.contact-form{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 50% 55%,#9d32ef3d,#0000 62%),linear-gradient(#ffffff09,#ffffff03);border:1px solid #e4b65638;border-radius:26px;flex-direction:column;grid-template-columns:1fr 1fr;gap:22px 24px;padding:34px;display:grid;position:relative;box-shadow:0 28px 70px #00000057,0 0 55px #9d32ef21}.contact-form label{color:#e4b656;letter-spacing:1.2px;text-transform:uppercase;flex-direction:column;gap:9px;font-size:11px;font-weight:700;display:flex}.contact-form input,.contact-form textarea{box-sizing:border-box;color:#fff;background:#0c0812b8;border:1px solid #c85cff6b;border-radius:14px;outline:none;width:100%;font-family:inherit;font-size:14px;transition:border-color .25s,box-shadow .25s}.contact-form input{height:56px;padding:0 16px}.contact-form textarea{resize:vertical;min-height:145px;padding:16px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ffffffa6}.contact-form input:focus,.contact-form textarea:focus{border-color:#c85cff;box-shadow:0 0 0 1px #c85cff40,0 0 22px #9d32ef29}.contact-form button[type=submit]{color:#e4b656;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;background:#0c0812c7;border:1px solid #e4b656;border-radius:999px;grid-column:1/-1;justify-self:start;min-width:255px;height:52px;padding:0 24px;font-family:inherit;font-size:11px;font-weight:700;transition:transform .25s,background .25s,box-shadow .25s}.contact-form button[type=submit]:hover{background:#9d32ef21;transform:translateY(-2px);box-shadow:0 0 24px #9d32ef33}@media (width<=768px){.contact-section{min-height:auto;padding:110px 22px 35px}.contact-layout{grid-template-columns:1fr;gap:42px}.contact-copy{max-width:100%}.contact-copy h2{font-size:22px;line-height:1.25}.contact-copy p{font-size:14px;line-height:1.65}.contact-form{border-radius:22px;grid-template-columns:1fr;gap:18px;padding:24px 20px}.contact-form button[type=submit]{grid-column:1;width:100%;min-width:0}}.site-footer{text-align:center;background:#0c0812;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:24px 20px 28px;display:flex}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;width:100%;margin:0 auto;display:flex}.footer-links a{color:#c85cff;font-size:17px;font-weight:600;text-decoration:underline}.footer-copy{color:#ffffffe0;text-align:center;width:100%;margin:12px 0 0;font-size:15px}