@font-face{font-family:'IDN Urbanist';src:url('/assets/urbanist.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'IDN Inter';src:url('/assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--title:'IDN Urbanist',Arial,sans-serif;--sans:'IDN Inter',Arial,sans-serif;--font-heading:'IDN Urbanist',Arial,sans-serif;--font-body:'IDN Inter',Arial,sans-serif}
body{font-family:var(--sans);-webkit-font-smoothing:antialiased}
:is(h1,h2,h3,h4,.section-title,.pricing-tier,.card-logo,.ads-wordmark,.studio-brand,.product-title){font-family:'IDN Urbanist',Arial,sans-serif!important;font-variation-settings:normal!important;font-optical-sizing:auto}
:is(.site h1,.studio-page h1,.hero-title,.login-copy h1){font-weight:750!important;letter-spacing:-.045em;line-height:1.06}
:is(.site h2,.section-title,.studio-page h2,.page-head h1){font-weight:700!important}
:is(.site h3,.pricing-tier,.studio-page h3,.panel h2,.panel h3){font-weight:700!important;line-height:1.12}
:is(.plan-price,.works-price strong,.price-amount,.quality-price){font-family:'IDN Urbanist',Arial,sans-serif!important;font-weight:800!important;font-variation-settings:normal!important;letter-spacing:-.045em}
:is(.btn,.pricing-cta,.studio-button,.nav a,.nav button,.card-link){font-weight:600}
.site-header .brand{flex-shrink:0}.card-logo{font-weight:700!important}.card p{font-size:13px!important}.card h3{max-width:95%}.card-link{font-size:12px!important}
.preview-tools,.design-note{display:none!important}.preview-shell{max-width:none;border:0;margin:0}.site{background:#07080d}.site-header{height:100px}.site-header .nav{gap:22px}.site-header .nav a,.site-header .nav button{font-size:13px}
.idn-qcard{position:relative;isolation:isolate;border-radius:var(--quality-radius,24px);border-color:#bea0df38!important;background-color:#0e101bc9!important;box-shadow:inset 0 1px 0 #fff1,0 16px 45px -30px #000a;transition:border-color .3s,box-shadow .3s,translate .3s}
.idn-qcard:not(.studio):not(.studio-game-card){background-image:linear-gradient(125deg,#8b4ca519,#17293626)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.idn-qcard:is(:hover,:focus-within,.q-touch){border-color:#b4a3ff8c!important;box-shadow:inset 0 1px 0 #ffffff24,0 16px 56px -30px #9f5ceca0;translate:0 -3px}
.q-surface{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:-1;opacity:.5;contain:paint}
.q-surface>i{position:absolute;inset:-25%;background:radial-gradient(ellipse at 14% 24%,#ed4bb735,transparent 49%),radial-gradient(ellipse at 68% 67%,#08c5d92e,transparent 48%),radial-gradient(ellipse at 62% 20%,#a05eff42,transparent 50%);transform:translate3d(-5%,-3%,0) rotate(-8deg);animation:q-aurora 13s var(--q-delay,0s) ease-in-out infinite alternate paused}
.q-inview>.q-surface>i{animation-play-state:running}
.idn-qcard:is(:hover,:focus-within,.q-touch)>.q-surface{opacity:.85}
.q-pricing{border-radius:26px;--quality-radius:26px;background-color:#11101dc9!important}
.q-pricing>.q-surface{opacity:.88}
.q-pricing>.q-surface>i{background:radial-gradient(ellipse at 5% 10%,#ed4bb76a,transparent 50%),radial-gradient(ellipse at 95% 90%,#05c3d94d,transparent 48%),radial-gradient(ellipse at 65% 35%,#955bff58,transparent 53%);animation-duration:9s}
.q-pricing:is(.featured,.is-featured)>.q-surface{opacity:1}
.q-pricing:is(.featured,.is-featured){border-color:#b193ed77!important;box-shadow:inset 0 1px 0 #fff2,0 0 60px -30px #b557ee6b}
.q-pricing :is(.plan-price,.price-amount,.works-price strong,.quality-price){color:transparent!important;background:linear-gradient(110deg,#fff 12%,#fff 33%,#ee98d6 43%,#bba1ff 52%,#8de9f0 60%,#fff 72%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;animation:q-price 7s var(--q-delay,0s) ease-in-out infinite paused}
.q-pricing.q-inview :is(.plan-price,.price-amount,.works-price strong,.quality-price){animation-play-state:running}
.q-pricing .plan-price small{color:#d9cbe6;-webkit-text-fill-color:#d9cbe6;letter-spacing:0;font-family:var(--sans)}
.q-pricing .btn.primary,.btn.primary{background:linear-gradient(110deg,#a146d0b3,#4e76d39c);border-color:#c8a3ff80;color:#fff}
.q-edge{position:absolute;inset:-1px;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:2;padding:1px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;opacity:.7}
.q-edge>i{position:absolute;left:50%;top:50%;width:var(--q-diagonal,1000px);height:var(--q-diagonal,1000px);background:conic-gradient(transparent 0 100deg,#ec55bb 150deg,#a28bff 195deg,#05d7e6 230deg,transparent 285deg);transform:translate3d(-50%,-50%,0) rotate(0deg);animation:q-orbit 12s var(--q-delay,0s) linear infinite paused}
.q-inview>.q-edge>i{animation-play-state:running}
.q-suspended :is(.q-surface>i,.q-edge>i,.q-pricing .plan-price,.q-pricing .price-amount,.q-pricing .works-price strong,.q-pricing .quality-price){animation-play-state:paused!important}
@keyframes q-aurora{50%{transform:translate3d(5%,5%,0) rotate(7deg)}to{transform:translate3d(0%,-4%,0) rotate(-4deg)}}
@keyframes q-orbit{to{transform:translate3d(-50%,-50%,0) rotate(360deg)}}
@keyframes q-price{0%,20%{background-position:100% 50%}65%,100%{background-position:0% 50%}}
.quality-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.quality-card{border:1px solid #b794da3d;border-radius:24px;padding:34px;min-width:0;background:#ffffff04}.quality-card .icon{display:block;width:32px;height:32px;color:#c8a1f4;margin-bottom:28px}.quality-card h3{font-size:32px;margin-bottom:20px}.quality-card p{font-size:14px;line-height:1.9}.quality-pricing{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.quality-price{display:block;font-size:60px;line-height:1.2;margin-top:20px}.quality-pricing h2{font-size:32px}.quality-pricing ul{padding-left:20px;color:#d1c7dc;font-size:14px;line-height:2.3}.quality-pricing .btn{justify-self:start}.quality-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.quality-directory a{display:flex;align-items:center;justify-content:space-between;font:700 24px var(--title);min-height:140px}
.quality-extra .hero{padding-bottom:75px}.quality-extra .section-head{margin-bottom:34px}.quality-extra .hero p{max-width:620px}.quality-contact{max-width:850px;margin:auto;display:grid;gap:24px}.quality-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.quality-contact label{display:grid;gap:10px;color:#e3d8ed;font-size:13px;font-weight:600}.quality-contact :is(input,select,textarea){width:100%;min-width:0;padding:14px 16px;border:1px solid #d5b2ef35;border-radius:13px;background:#06080db5;color:#fff;font:400 14px var(--sans);outline-offset:4px}.quality-contact textarea{resize:vertical}.quality-contact .actions{justify-content:start;margin-top:0}.quality-contact .actions a{font-size:12px}.quality-preview-note{font-size:12px!important;color:#b7a8c4}.quality-contact [data-form-status]{font-size:13px;color:#c1e7df}.site-footer{flex-wrap:wrap;padding-inline:12px}.site-footer a{white-space:nowrap}.site-footer .q-all{color:#ccb0ec}
.main-nav .nav-links{gap:20px}.main-nav .nav-links a{font-size:12px;font-weight:600}.idn-preview-routes{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;margin:24px auto;padding:18px;color:#bfa1da;font-size:12px;position:relative;z-index:2}.idn-preview-routes a{padding:8px 12px;border:1px solid #ffffff26;border-radius:99px}
.faq-item,.faq-item.is-open,.faq-item:before,.faq-item:after{border-radius:22px!important}.faq-item{overflow:hidden}.idn-qcard .q-surface~.glass-led{opacity:.85}
.pipeline-step.idn-qcard{padding:30px 24px;border:1px solid #bea0df38}.pipeline-step.idn-qcard:before{display:none}.ads-plan :is(p,ul){font-size:13px;line-height:1.85}.ads-plan .plan-term{font-size:11px;line-height:1.75}.ads-plan .btn{font-size:13px}.studio-faq details,.studio-faq details[open]{border-radius:24px!important}.studio-faq details:before,.studio-faq details:after{border-radius:inherit!important}
@media(max-width:750px){.site-header{height:86px;padding:0 22px;gap:14px}.site-header .brand{width:135px}.site-header .nav{gap:12px}.site-header .nav a,.site-header .nav button{font-size:11px}.site-header .nav .space{padding:10px 12px}.site-header .optional{display:none}.site-header .megamenu{left:16px;right:16px;top:75px;max-height:75svh;overflow:auto}.quality-grid,.quality-pricing,.quality-form-grid{grid-template-columns:minmax(0,1fr)}.quality-card{padding:27px}.quality-card h3{font-size:29px}.quality-directory{grid-template-columns:1fr 1fr;gap:12px}.quality-directory a{font-size:20px;padding:22px;min-height:125px}.quality-extra .hero{padding-block:55px}.quality-pricing h2{font-size:29px}.quality-price{font-size:52px}.quality-contact .actions{align-items:start;flex-direction:column}.site-footer{padding-inline:24px;gap:18px}.site-footer span{width:100%}.idn-qcard{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}
@media(prefers-reduced-motion:reduce){.q-edge>i,.q-surface>i,.q-pricing :is(.plan-price,.price-amount,.works-price strong,.quality-price){animation:none!important}.idn-qcard{transition:none}}


.quality-extra .ads-wordmark{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:28px;font:700 30px/1.2 var(--title);letter-spacing:-.035em}.quality-extra .ads-wordmark img{object-fit:contain}
.essential-paths{position:relative;z-index:2;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;max-width:950px;margin:26px auto 0;padding:0 20px}.essential-paths a{display:inline-flex;align-items:center;min-height:44px;padding:11px 18px;border:1px solid #c1a1e747;border-radius:99px;font:600 12px/1.4 var(--sans);color:#e4d7ee;background:#1d132b80;transition:border-color .3s,background .3s}.essential-paths a:hover{border-color:#c88fed;background:#622f713d}
.identity-merged{max-width:1200px;margin:auto;padding:70px 36px;scroll-margin-top:120px}.identity-merged .section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:32px}.identity-merged .works-heading h2,.identity-merged #bridge-title{font:700 clamp(36px,4.5vw,58px)/1.07 var(--title);letter-spacing:-.045em;margin:16px 0 0}.identity-merged .eyebrow{display:block;font:650 10px/1.7 var(--sans);letter-spacing:.18em;color:#bf9ae4;margin-bottom:20px}.identity-merged .section-head>p{max-width:370px;font-size:14px;line-height:1.85;color:#bcb2c6}.identity-merged .works-pipeline{display:grid;grid-template-columns:1fr 1fr;gap:22px}.identity-merged .works-step{position:relative;padding:30px;border:1px solid #ba96d942;border-radius:25px;background:#15121c85}.identity-merged .works-step-num{font-size:11px;letter-spacing:.16em;color:#c99ae8}.identity-symbol{position:absolute;right:28px;top:23px;font-size:32px;color:#c09de8}.identity-merged h3{font:700 32px/1.1 var(--title);letter-spacing:-.035em;margin:18px 0 20px}.identity-merged .works-step p,.identity-merged .ads-plan p{color:#bcb2c6;font:400 14px/1.85 var(--sans)}.identity-merged .works-step ul{display:grid;grid-template-columns:1fr 1fr;gap:9px 20px;padding-left:18px;margin:22px 0 0;font:400 12px/1.8 var(--sans);color:#c1b6cd}.identity-merged .ads-heading{text-align:center;max-width:780px;margin:0 auto 35px}.identity-merged .ads-heading p{font:400 14px/1.9 var(--sans);color:#bcb2c6;margin-top:22px}.identity-merged .ads-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.identity-merged .ads-plan{position:relative;display:flex;flex-direction:column;gap:20px;border:1px solid #c19de549;border-radius:26px;padding:32px 28px;min-width:0}.identity-merged .ads-plan h3{font-size:28px;margin:0}.identity-merged .works-price{display:flex;flex-wrap:wrap;gap:0 9px;align-items:baseline}.identity-merged .works-price>small:first-child{width:100%;margin-bottom:7px}.identity-merged .works-price strong{font-size:46px;line-height:1.15}.identity-merged .works-price small{font:400 11px/1.6 var(--sans);color:#c6b5d4}.identity-merged .ads-plan ul{padding-left:17px;color:#c9bed4;font:400 13px/1.9 var(--sans);flex:1;margin:0}.identity-merged .ads-plan li{margin-bottom:8px}.identity-merged .plan-tag{font:500 9px/1.5 var(--sans);border:1px solid #d4b0e759;border-radius:99px;padding:5px 10px;color:#e0bde9;position:absolute;top:-13px;left:25px;background:#3c254ae8}.identity-merged .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 17px;border:1px solid #c1a0db42;border-radius:99px;background:#ffffff04;color:#f4ecfc;font:600 12px/1.5 var(--sans);cursor:pointer}.identity-merged .btn.primary{background:linear-gradient(110deg,#a146d0b3,#4e76d39c)}.identity-merged .plan-term{font:400 11px/1.7 var(--sans);color:#b9a9c5}.essential-bridges{display:grid;grid-template-columns:1fr 1fr;gap:22px}.essential-bridges .quality-card{display:flex;flex-direction:column;gap:20px}.essential-bridges h3{margin:0}.essential-bridges p{margin:0}.essential-bridges a>span:last-child{font:600 12px/1.5 var(--sans);margin-top:auto;color:#d8bced}.identity-merged .title-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.identity-merged .title-run{display:inline-block}
@media(max-width:750px){.identity-merged{padding:45px 22px}.identity-merged .section-head{display:block}.identity-merged .section-head>p{margin-top:20px}.identity-merged .works-pipeline,.identity-merged .ads-plan-grid,.essential-bridges{grid-template-columns:minmax(0,1fr)}.identity-merged .works-step,.identity-merged .ads-plan{padding:28px 25px}.identity-merged .works-heading h2,.identity-merged #bridge-title{font-size:38px}.identity-merged h3{font-size:29px}.identity-merged .ads-plan-grid{gap:28px}.identity-merged .works-price strong{font-size:46px}.essential-paths{gap:8px}.essential-paths a{font-size:11px;padding:10px 14px}}

.site-header .megamenu{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;left:auto;right:38px;width:min(650px,calc(100vw - 44px));top:84px;max-height:calc(100svh - 115px);overflow-y:auto;border-radius:25px;border:1px solid #d1acef4a;background:linear-gradient(135deg,#261a38d9,#0e222be0);backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%);box-shadow:inset 0 1px 0 #ffffff20,0 25px 80px #0008;transform-origin:top right;z-index:40;isolation:isolate}
.site-header .megamenu :is(a,button){position:relative;isolation:isolate;overflow:hidden;min-height:112px;padding:20px;border-radius:17px;border:1px solid #d0b0e72c;background:linear-gradient(120deg,#b561d41a,#4cadb216);color:#f3eafd;font:700 21px/1.2 var(--title);transition:border-color .25s,background .25s,translate .25s;box-shadow:inset 0 1px 0 #ffffff0d}
.site-header .megamenu :is(a,button):hover,.site-header .megamenu :is(a,button):focus-visible{background:linear-gradient(120deg,#b561d43b,#4cadb22a);border-color:#c3a1ef9c;translate:0 -2px}.site-header .megamenu small{font:400 11px/1.6 var(--sans);margin-top:10px;color:#c9b9d7}.site-header .megamenu :is(a,button):after{content:'↗';position:absolute;top:20px;right:19px;color:#c6a5e5;font:500 16px var(--sans)}
dialog.idn-direct-contact{width:min(660px,calc(100% - 30px))!important;padding:32px!important;border:1px solid #cba8ed59!important;border-radius:28px!important;background:radial-gradient(ellipse at 0 0,#ad56ba26,transparent 65%),radial-gradient(ellipse at 100% 100%,#1297ad20,transparent 65%),linear-gradient(135deg,#20182be3,#0a141ee8)!important;backdrop-filter:blur(28px) saturate(145%)!important;-webkit-backdrop-filter:blur(28px) saturate(145%)!important;box-shadow:inset 0 1px 0 #ffffff20,0 35px 120px #000a!important;color:#f5f1fa;scrollbar-width:thin;scrollbar-color:#a675cb55 transparent}
dialog.idn-direct-contact::backdrop{background:#05060c94!important;backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important}
dialog.idn-direct-contact h2{font-family:var(--title)!important;font-weight:700!important;font-size:35px!important;letter-spacing:-.04em!important}.idn-direct-contact header>span{font-weight:650}.idn-direct-contact form{gap:18px!important}dialog.idn-direct-contact :is(input,textarea,select){width:100%;min-width:0;border:1px solid #c6a6e840;border-radius:13px;background:#080c1478;color:#f5f1fa;padding:13px 15px;font:400 16px/1.5 var(--sans);box-shadow:inset 0 1px 5px #0002;transition:border-color .2s,box-shadow .2s}.idn-direct-contact :is(input,textarea,select):focus{border-color:#c199ec98;outline:2px solid #a88bdf44;outline-offset:2px}.idn-direct-contact select option{background:#171321;color:#fff}.idn-direct-contact [data-contact-security]{min-height:0;max-width:100%}.idn-direct-contact .idn-local-preview{font-size:12px;color:#c2b1d0;padding:12px 14px;border:1px solid #b490d92c;border-radius:12px;background:#b28cde09;line-height:1.6}
dialog.idn-direct-contact button[type=submit]{border-color:#cfb3ff66!important;background:linear-gradient(110deg,#ae45cbd9,#526ed5de 70%,#319db7c4)!important;min-height:48px;box-shadow:inset 0 1px 0 #fff2;font-weight:650!important}.idn-direct-contact [data-contact-close]{background:#ffffff07!important}.idn-direct-contact.is-closing{pointer-events:none}
dialog.idn-direct-contact form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}dialog.idn-direct-contact form>label:nth-of-type(5),dialog.idn-direct-contact form>:not(label){grid-column:1/-1}
@media(max-width:750px){.site-header .megamenu{right:14px;left:14px;width:auto;top:76px;padding:12px;gap:10px}.site-header .megamenu :is(a,button){padding:18px 15px;min-height:118px;font-size:20px}.site-header .megamenu small{font-size:10px;max-width:92%}.site-header .megamenu :is(a,button):after{right:12px;top:14px;font-size:12px}dialog.idn-direct-contact{padding:24px 20px!important;border-radius:24px!important;max-height:calc(100dvh - 22px)!important}dialog.idn-direct-contact h2{font-size:30px!important}}
@media(max-width:360px){.site-header .brand{width:96px}.site-header .nav{gap:8px}.site-header .nav a,.site-header .nav button{font-size:10px;white-space:nowrap}.site-header .nav .space{padding:10px 9px}.site-header .nav .space .arrow{display:none}.site-header .megamenu :is(a,button){font-size:16px;padding:16px 12px}.site-header .megamenu :is(a,button):after{top:10px;right:10px;font-size:10px}}
@media(max-width:600px){dialog.idn-direct-contact form{grid-template-columns:minmax(0,1fr)}dialog.idn-direct-contact form>*{grid-column:1!important}}
.site h1,.studio-page h1,.hero-title{font-variation-settings:'wght' 750!important}.site h2,.site h3,.section-title,.pricing-tier,.studio-page h2,.studio-page h3,.megamenu :is(a,button),dialog.idn-direct-contact h2{font-variation-settings:'wght' 700!important}
.site-header .brand img{height:auto}

/* Stable card navigation and keyboard access, with the same presentation. */
.site-header .megamenu a{display:block;text-align:left}.idn-site-skip{position:fixed;left:18px;top:12px;z-index:10000;padding:12px 18px;border-radius:12px;background:#efe5ff;color:#171121;transform:translateY(-180%)}.idn-site-skip:focus{transform:none}.q-suspended .glass-led>i,.q-suspended .led,.q-suspended .spark{animation-play-state:paused!important}