body{background:#fff}.page-out{opacity:0;transform:translateY(7px);transition:.16s ease}.page-in{animation:pageEnter .58s cubic-bezier(.22,1,.36,1)}@keyframes pageEnter{from{opacity:0;transform:translateY(12px)}}header{transition:height .3s,box-shadow .3s}header:hover{box-shadow:0 14px 40px rgba(39,23,83,.06)}header nav a:not(.button){position:relative}header nav a:not(.button):after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--p);transition:right .3s}header nav a:hover:after{right:0}.hero-orb,.page-orb{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(124,76,255,.25),transparent 68%);pointer-events:none}.hero-orb.one{width:520px;height:520px;right:-210px;top:-250px}.hero-orb.two{width:350px;height:350px;left:-180px;bottom:-200px}.page-orb{width:500px;height:500px;right:-180px;bottom:-300px}.hero-copy>*{animation:heroUp .8s cubic-bezier(.22,1,.36,1) both}.hero-copy>*:nth-child(2){animation-delay:.08s}.hero-copy>*:nth-child(3){animation-delay:.16s}.hero-copy>*:nth-child(4){animation-delay:.24s}.hero-copy>*:nth-child(5){animation-delay:.32s}@keyframes heroUp{from{opacity:0;transform:translateY(24px)}}.trust{display:flex;gap:22px;margin-top:32px;color:#7e778e;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:1px}.phone{animation:phoneFloat 6.5s ease-in-out infinite}.phone.two{animation:phoneFloatTwo 7s ease-in-out .5s infinite}@keyframes phoneFloat{50%{transform:rotate(5deg) translateY(-13px)}}@keyframes phoneFloatTwo{50%{transform:rotate(-7deg) translateY(10px)}}.float-label{position:absolute;left:15px;top:35px;background:#ffffffdc;backdrop-filter:blur(15px);border:1px solid #fff;border-radius:15px;padding:12px 15px;box-shadow:0 16px 40px #2d1d5f24;display:flex;gap:10px;align-items:center;animation:softFloat 5s ease-in-out infinite}.float-label i{width:35px;height:35px;border-radius:10px;background:var(--l);color:var(--p);display:grid;place-items:center}.float-label span{display:flex;flex-direction:column}.float-label b{font:700 11px Sora}.float-label small{font-size:8px;color:var(--m)}@keyframes softFloat{50%{transform:translateY(-8px)}}.reveal,.card,.feature{opacity:0;transform:translateY(25px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.reveal.visible,.card.visible,.feature.visible{opacity:1;transform:none}.button,.store{position:relative;overflow:hidden}.ripple-wave{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff8;transform:translate(-50%,-50%) scale(0);animation:ripple .65s ease-out;pointer-events:none}@keyframes ripple{to{transform:translate(-50%,-50%) scale(18);opacity:0}}.card{position:relative}.card-hit{display:block}.card .art{isolation:isolate}.art-glow{position:absolute;width:250px;height:250px;border-radius:50%;background:#fff2;right:-120px;top:-130px;transition:.6s}.card:hover .art-glow{transform:scale(1.5) translate(-15px,18px)}.card-arrow{position:absolute;right:18px;top:18px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ffffff24;border:1px solid #ffffff35;color:#fff;transform:translate(8px,-8px);opacity:0;transition:.35s}.card:hover .card-arrow{transform:none;opacity:1}.card:hover .appicon{transform:rotate(-5deg) scale(1.07)}.appicon{transition:.45s cubic-bezier(.22,1,.36,1);z-index:2}.cardmeta{display:flex;justify-content:space-between;align-items:center}.cardmeta span{font-size:9px;color:#9791a2}.cardbody .link b{display:inline-block;transition:.25s}.card:hover .link b{transform:translateX(5px)}.portfolio-toolbar{display:flex;gap:8px;flex-wrap:wrap;background:#f8f6fc;border:1px solid var(--line);width:max-content;max-width:100%;padding:6px;border-radius:16px;margin-bottom:13px}.filter-tab{border:0;background:transparent;color:#716b80;padding:9px 14px;border-radius:11px;font-weight:700;cursor:pointer;transition:.3s}.filter-tab span{font-size:8px;margin-left:5px;opacity:.65}.filter-tab:hover{color:var(--p);background:#fff}.filter-tab.active{color:#fff;background:linear-gradient(135deg,var(--p),var(--d));box-shadow:0 8px 20px #6c3bff38}.portfolio-status{color:#8e8799;font-size:10px;margin-bottom:28px}.portfolio-card.filtered-out{display:none}.pagehero{position:relative;overflow:hidden}.detail-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 5%,#f4efff);padding:85px 0}.detail-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 32%,transparent),transparent 67%);right:-150px;top:-300px}.detail{position:relative}.back{display:inline-block;color:var(--m);font-size:11px;font-weight:700;margin-bottom:28px}.detail-title{display:flex;gap:18px;align-items:center}.detail-icon{width:78px;height:78px;border-radius:19px;background:linear-gradient(135deg,var(--accent,#6c3bff),#28165f);box-shadow:0 17px 35px color-mix(in srgb,var(--accent,#6c3bff) 28%,transparent);color:#fff;display:grid;place-items:center;font:800 33px Sora;flex-shrink:0}.detail-title h1{font:800 clamp(42px,6vw,68px)/1 Sora;letter-spacing:-4px;margin:6px 0}.detail-title p{margin:0;color:var(--m)}.detail-intro{font-size:17px;color:var(--m);max-width:590px;margin-top:28px}.detail-banner{height:450px;border-radius:30px;padding:45px;background:linear-gradient(145deg,var(--accent),#201344);box-shadow:0 40px 80px color-mix(in srgb,var(--accent) 25%,transparent);transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);animation:bannerFloat 7s ease-in-out infinite}@keyframes bannerFloat{50%{transform:perspective(1000px) rotateY(-2deg) rotateX(1deg) translateY(-8px)}}.banner-ui{height:100%;border:1px solid #ffffff30;border-radius:22px;background:#ffffff12;backdrop-filter:blur(10px);padding:55px;display:flex;flex-direction:column;align-items:center}.banner-ui .tiles{max-width:240px}.banner-ui>b{color:#fff;font:800 28px Sora;margin-top:auto}.banner-ui>span{color:#ffffffbb;font-size:11px}.store-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.store{min-width:145px;background:#181320;color:#fff;border-radius:11px;padding:10px 15px;display:flex;flex-direction:column;line-height:1.15;transition:.3s}.store:hover{transform:translateY(-3px);box-shadow:0 14px 30px #17102030}.store small{font-size:7px}.store b{font:600 15px Sora}.store-note{padding:9px 12px;border-radius:9px;background:#fff;border:1px solid var(--line);color:var(--m);font-size:10px}.detail-layout{display:grid;grid-template-columns:1fr 330px;gap:70px;align-items:start}.full-copy{color:var(--m);font-size:18px;max-width:720px}.detail-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:32px}.detail-facts>div{border:1px solid var(--line);border-radius:13px;padding:16px;display:flex;flex-direction:column}.detail-facts small{color:#8b8498;font-size:9px;text-transform:uppercase}.detail-facts b{font-size:12px}.glass{background:#ffffffb5;backdrop-filter:blur(20px);border:1px solid #fff;box-shadow:0 25px 65px #34206419}.detail-card{padding:28px;border-radius:22px;position:sticky;top:100px}.detail-card h3{font:700 23px Sora;margin:20px 0 8px}.detail-card p{font-size:12px;color:var(--m)}.detail-card .store-actions{flex-direction:column}.gallery-section{padding:90px 0;background:linear-gradient(135deg,#f8f6ff,#eee9ff)}.shot{border:0;cursor:pointer;position:relative;overflow:hidden;background:linear-gradient(145deg,var(--accent),#24164f);transition:.35s;box-shadow:0 20px 40px #311c6a1a}.shot:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 30px 60px color-mix(in srgb,var(--accent) 25%,transparent)}.shot-screen{width:80%;height:86%;border:1px solid #ffffff30;background:#ffffff12;border-radius:18px;padding:35px 22px;display:flex;flex-direction:column;align-items:center}.shot-screen .tiles{margin-top:25px}.shot-screen>b{margin-top:auto;color:#fff;font:700 17px Sora}.shot-screen small{color:#ffffffa0}.lightbox[hidden]{display:none}.lightbox{position:fixed;inset:0;z-index:100;background:#0e0a1bed;backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center}.lightbox-phone{width:min(380px,72vw);height:min(720px,80vh);border:10px solid #261d3d;border-radius:40px;background:linear-gradient(145deg,#7748ef,#28145f);padding:90px 45px;box-shadow:0 40px 100px #0007}.lightbox-phone b{display:block;text-align:center;color:#fff;font:700 24px Sora;margin-top:100px}.lightbox button{position:absolute;width:46px;height:46px;border-radius:50%;border:1px solid #ffffff30;background:#ffffff12;color:#fff;font-size:28px}.lightbox .close{right:25px;top:25px}.lightbox .prev{left:25px}.lightbox .next{right:25px}.modal-open{overflow:hidden}.form.glass{padding:30px;border-radius:20px}.form input:focus,.form textarea:focus,.form select:focus{outline:0;border-color:var(--p);box-shadow:0 0 0 4px #6c3bff16}.cta{position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:420px;height:420px;border:80px solid #ffffff0b;border-radius:50%;right:-90px;top:-180px;pointer-events:none}
@media(max-width:850px){.detail-layout{grid-template-columns:1fr}.detail-card{position:static}.detail-banner{transform:none;height:390px}.detail-facts{grid-template-columns:repeat(2,1fr)}.portfolio-toolbar{width:100%;overflow-x:auto;flex-wrap:nowrap}.filter-tab{white-space:nowrap}.float-label{left:0}.detail-title h1{letter-spacing:-2px}}
@media(max-width:520px){.trust{gap:10px;flex-wrap:wrap}.float-label{display:none}.detail-hero{padding:60px 0}.detail-title{align-items:flex-start}.detail-icon{width:62px;height:62px}.detail-title h1{font-size:38px}.detail-banner{height:330px;padding:22px}.banner-ui{padding:35px 20px}.detail-facts{grid-template-columns:1fr 1fr}.store{flex:1}.lightbox .prev{left:6px}.lightbox .next{right:6px}.lightbox .close{right:10px;top:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal,.card,.feature{opacity:1;transform:none}}
.art.has-media{padding:0}.feature-upload{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.art.has-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#160c3a80)}.icon-upload{object-fit:cover;border:3px solid #ffffffd6}.detail-icon-image{object-fit:cover;display:block}.detail-banner.has-photo{padding:0;overflow:hidden;background:#21164b}.detail-banner.has-photo img{width:100%;height:100%;object-fit:cover;display:block}.media-shot{padding:0;background:#21164b}.media-shot img{width:100%;height:100%;object-fit:cover;display:block}.lightbox-phone:has(img){padding:0;background:#120c24;overflow:hidden;border-width:7px}.lightbox-phone>img{width:100%;height:100%;object-fit:contain;display:block}