/* style.css */ @font-face{font-family:Urbanist;src:url(assets/urbanist.woff2) format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Inter;src:url(assets/inter.woff2) format('woff2');font-weight:100 900;font-display:swap} :root{color-scheme:dark;--pink:#ed4bb7;--purple:#a25bff;--cyan:#04c3d9;--muted:#b5b1c3;--line:#ffffff20;--sans:Inter,Arial,sans-serif;--title:Urbanist,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:#111015;color:#f8f6ff;font:14px/1.6 var(--sans)}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--title);line-height:1.03;letter-spacing:-.045em}p{color:var(--muted)}.preview-tools{position:sticky;top:0;z-index:30;display:flex;gap:24px;align-items:center;justify-content:space-between;padding:12px 24px;background:#17141fec;border-bottom:1px solid #b98aff35;backdrop-filter:blur(12px)}.preview-brand{font-weight:750;white-space:nowrap}.preview-brand span{color:#aaa1b6;font-weight:400}.variants{display:flex;gap:4px}.variants button,#mobile-preview{background:transparent;padding:9px 14px;border-radius:9px;color:#b8afc7}.variants button[aria-pressed=true]{background:#b889ff22;color:#fff}.variants small{font-size:10px;background:#b7ffdb1c;color:#a6e5c7;border-radius:4px;padding:3px 5px;margin-left:5px}#mobile-preview{border:1px solid #ffffff25;white-space:nowrap}.design-note{max-width:1100px;margin:18px auto;color:#a69eaf;padding:0 24px;font-size:12px}.design-note strong{color:#e1c9ff;font-weight:600}.preview-shell{max-width:1500px;margin:0 auto 32px;border:1px solid #ffffff12;transition:max-width .3s}.preview-shell.is-mobile{max-width:430px}.site{container-type:inline-size;container-name:site;background:#07080d;overflow:clip;position:relative;isolation:isolate}.site:before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 65% 40% at 0 10%,#51216b50,transparent 80%),radial-gradient(ellipse 55% 40% at 100% 32%,#063d473c,transparent 90%);pointer-events:none}.site-header{height:94px;max-width:1260px;margin:auto;padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:10}.brand{display:block;width:164px}.brand img{width:100%;display:block}.nav{display:flex;align-items:center;gap:25px;font-size:12px}.nav button{background:none;padding:10px 0}.nav a{color:#beb8ca}.nav .space{padding:10px 16px;background:#ffffff06;border:1px solid var(--line);border-radius:99px}.nav .talk{color:#f5e6ff}.arrow{display:inline-block;margin-left:9px}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.19em;font-size:10px;font-weight:650;color:#c1a0e9;margin-bottom:22px}.gradient{background:linear-gradient(100deg,#ed7acf,#ad9bff 50%,#78dcf3);background-clip:text;-webkit-background-clip:text;color:transparent}.hero{position:relative;max-width:1210px;margin:auto;padding:75px 42px 62px;text-align:center}.hero h1{font-size:clamp(58px,7.8cqw,108px);font-weight:620;max-width:1000px;margin:auto}.hero p{max-width:510px;margin:26px auto 0;line-height:1.85;font-size:14px}.hero .eyebrow{margin-bottom:24px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:28px;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff27;border-radius:99px;padding:13px 22px;background:#ffffff04;color:#f4ecff;font-weight:550;font-size:12px;transition:background .2s,transform .2s}.btn:hover{background:#ffffff11;transform:translateY(-2px)}.btn.primary{border-color:#c2a5ff69;background:linear-gradient(110deg,#9749d454,#4b7bf92d)}.hero-hint{font-size:10px!important;margin-top:22px!important;color:#898291}.orbit{position:absolute;z-index:-1;left:8%;top:18%;width:84%;height:70%;border:1px solid #b377ff1c;border-radius:50%;transform:rotate(-12deg);pointer-events:none}.orbit:after{content:'';position:absolute;left:22%;top:5%;width:5px;height:5px;border-radius:50%;background:#c57eff;box-shadow:0 0 15px #c272ff;animation:float 6s ease-in-out infinite}.spark{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--color,#a66bff);box-shadow:0 0 8px currentColor;pointer-events:none;animation:float var(--duration,7s) ease-in-out infinite alternate}.section{max-width:1210px;margin:auto;padding:32px 42px 58px}.section-head{display:flex;gap:32px;align-items:end;justify-content:space-between;margin-bottom:24px}.section-head .eyebrow{margin-bottom:12px}.section h2{font-size:40px;font-weight:570}.section-head p{max-width:330px;font-size:12px}.universe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.card{--accent:#b788f9;position:relative;text-align:left;min-width:0;display:flex;flex-direction:column;gap:13px;background:linear-gradient(135deg,#ffffff08,#ffffff02);border:1px solid #ffffff20;border-radius:22px;padding:25px;isolation:isolate;overflow:hidden;transition:background .25s,border-color .25s,transform .3s}.card:before{content:'';position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 75%);opacity:.5;transition:opacity .3s}.card:hover,.card:focus-visible{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 65%,transparent);background-color:#ffffff07}.card:hover:before{opacity:1}.card.featured{grid-column:span 2;min-height:278px;padding:32px}.card.studio{--accent:#dd73d4;background:#100e1b}.card.studio:before{background:linear-gradient(0deg,#0c0a16 0%,#0c0a1666 100%),url(assets/studio-card.webp) center/cover;opacity:.64}.card.essential{--accent:#17d4df}.card .card-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.card-logo{display:flex;align-items:center;gap:10px;font:650 22px var(--title);letter-spacing:-.03em}.card-logo img{width:45px;height:40px;object-fit:contain}.badge{font-size:9px;color:#dad0e8;line-height:1.2;border:1px solid #ffffff23;padding:6px 8px;border-radius:99px;white-space:nowrap}.card h3{font-size:25px;font-weight:570;max-width:300px;margin-top:12px}.card.featured h3{font-size:34px}.card p{font-size:11px;line-height:1.8;max-width:340px}.card-link{margin-top:auto;padding-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#e1d2f8}.card .icon{width:25px;height:25px;color:#b9a1e3}.icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.card.featured .card-link{border-top:1px solid #ffffff15}.card:not(.featured) h3{font-size:21px}.card:not(.featured){min-height:218px}.led{position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:1px solid transparent;background:conic-gradient(from var(--angle),transparent 60%,#eb65bd 74%,#9d83ff 82%,#12d7dc 89%,transparent 98%) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;animation:led 9s linear infinite;opacity:.75}@property --angle{syntax:'';initial-value:0deg;inherits:false}@keyframes led{to{--angle:360deg}}@keyframes float{from{transform:translate(0,0);opacity:.4}to{transform:translate(12px,-18px);opacity:1}}.process{padding-top:26px;padding-bottom:40px}.process-line{display:flex;justify-content:space-between;align-items:center;gap:20px;border-block:1px solid var(--line);padding:24px 0}.process-line h2{font-size:24px;max-width:210px}.steps{display:flex;gap:40px}.steps span{font-size:11px;color:#c6c0d1}.steps b{display:block;color:#b892e9;font-size:10px;font-weight:400;margin-bottom:5px}.contact-band{max-width:1126px;margin:4px auto 44px;border:1px solid #ffffff20;border-radius:24px;background:linear-gradient(115deg,#933f9d12,#234e7912);padding:36px;display:flex;align-items:center;justify-content:space-between;gap:24px}.contact-band h2{font-size:33px;margin-bottom:10px}.contact-band p{font-size:12px}.site-footer{border-top:1px solid #ffffff14;max-width:1126px;margin:auto;display:flex;gap:22px;padding:22px 0;align-items:center;font-size:10px;color:#8f879e}.site-footer span{margin-right:auto}.assistant{display:inline-flex;align-items:center;gap:8px;border:1px solid #b89ae44d;padding:9px 13px;border-radius:99px;background:#8d5ac80e;color:#e2caff;font-size:10px}.assistant i{height:5px;width:5px;background:#c884ff;border-radius:50%;box-shadow:0 0 10px #ae66ff}.megamenu{position:absolute;top:78px;left:42px;right:42px;border:1px solid #b28ad33f;border-radius:20px;background:#15131ff7;backdrop-filter:blur(18px);padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;box-shadow:0 30px 90px #0008}.megamenu[hidden]{display:none}.megamenu button{text-align:left;border-radius:12px;padding:15px;background:#ffffff04;font-size:12px}.megamenu small{display:block;color:#a99fbb;margin-top:4px;font-size:10px}.hero-split{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;text-align:left;align-items:center;padding-block:65px 54px}.hero-split h1{font-size:clamp(48px,5.7cqw,78px);margin:0}.hero-split p{margin-left:0}.hero-split .actions{justify-content:flex-start}.chooser{padding:28px;border-radius:24px;border:1px solid #ffffff25;background:linear-gradient(140deg,#30223b70,#10262d60);backdrop-filter:blur(14px)}.chooser>p{font-size:10px;margin:0 0 18px;letter-spacing:.18em;color:#c6a3e9;text-transform:uppercase}.need{display:flex;align-items:center;gap:15px;text-align:left;border-bottom:1px solid #ffffff0e;background:transparent;width:100%;padding:15px 0;font-size:12px}.need .num{font-size:10px;color:#867a99}.need .arrow{margin-left:auto;color:#d2b8f0}.need.is-active{color:#dbbeff}.need-result{border:1px solid #c486ef31;border-radius:14px;padding:17px;margin-top:18px;background:#bb66ff0b}.need-result small{color:#ab9cbd;font-size:10px}.need-result h3{font-size:25px;margin:6px 0 9px}.need-result button{font-size:11px;background:none;padding:0;color:#cfb2ee}.directory{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.directory button{border-bottom:1px solid #ffffff17;display:grid;grid-template-columns:35px 1fr auto;gap:12px;align-items:center;text-align:left;background:none;padding:22px 0}.directory strong{font-family:var(--title);font-size:24px;font-weight:550}.directory small{display:block;color:#a69bb5;font-size:11px;font-weight:400;margin-top:5px}.directory .num{font-size:10px;color:#9a80be}.immersive{position:relative;padding:62px 42px 34px;max-width:1210px;margin:auto}.stage{position:relative;border:1px solid #ffffff25;min-height:400px;border-radius:30px;padding:48px;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;overflow:hidden;background:radial-gradient(ellipse at 100% 60%,#14566a42,transparent 70%),linear-gradient(120deg,#5a226127,#0a0b14);isolation:isolate}.stage.studio-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080912 10%,#08091211),url(assets/studio-card.webp) center/cover;z-index:-1;opacity:.6}.stage h1{font-size:clamp(48px,6cqw,78px);font-weight:570}.stage p{max-width:430px;font-size:13px;margin-top:22px}.stage .actions{justify-content:flex-start}.stage-art{position:relative;display:grid;place-items:center;min-height:270px}.stage-art img{width:170px;position:relative;animation:float 8s ease-in-out infinite alternate}.stage-art:before,.stage-art:after{content:'';position:absolute;border:1px solid #b490ff33;border-radius:50%;width:280px;height:280px;transform:rotateX(58deg) rotate(-25deg)}.stage-art:after{width:355px;height:355px;border-color:#74ddea20;transform:rotateX(55deg) rotate(25deg)}.stage-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:15px}.stage-tabs button{background:#ffffff04;border:1px solid #ffffff15;border-radius:13px;text-align:left;padding:14px 12px;font-size:11px}.stage-tabs button small{display:block;font-size:9px;color:#8f849d;margin-bottom:4px}.stage-tabs [aria-selected=true]{border-color:#c083ed80;background:#8f4ebf17;color:#ebd5ff}.intro-label{text-align:center;padding-bottom:24px}.intro-label p{font-size:12px}.intro-label .eyebrow{margin-bottom:10px}.reveal{animation:reveal .65s both}@keyframes reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}dialog{max-width:620px;width:calc(100% - 32px);max-height:85vh;overflow:auto;padding:42px;border:1px solid #ba8be45c;border-radius:25px;background:linear-gradient(135deg,#252034fa,#0c1822fa);color:#fff;box-shadow:0 30px 100px #0009;backdrop-filter:blur(20px)}dialog::backdrop{background:#05040acc;backdrop-filter:blur(8px)}dialog .close{position:absolute;right:18px;top:12px;background:none;font-size:27px;color:#bbb0cc}dialog h2{font-size:44px;margin:16px 0}dialog p{line-height:1.9}dialog ul{padding-left:18px;color:#c5bbd2;font-size:13px;line-height:2}dialog .mock-note{border-top:1px solid #ffffff18;padding-top:16px;margin-top:20px;font-size:11px;color:#b79dc7}dialog .actions{justify-content:flex-start}.menu-mobile{display:none} @container site (max-width:750px){.site-header{height:80px;padding:0 22px;gap:12px}.brand{width:134px}.nav{gap:12px}.nav .optional{display:none}.nav .space{padding:8px 12px;font-size:10px}.nav button{font-size:11px}.hero{padding:48px 24px 35px}.hero h1{font-size:56px}.hero p{font-size:12px;margin-top:20px}.hero .eyebrow{font-size:9px}.hero .btn{padding:12px 18px;font-size:11px}.hero-hint{font-size:9px!important}.section{padding:30px 22px}.section-head{display:block;margin-bottom:22px}.section h2{font-size:32px}.section-head p{margin-top:12px;font-size:11px;max-width:100%}.universe-grid{grid-template-columns:1fr 1fr;gap:12px}.card.featured{grid-column:span 2;min-height:252px;padding:25px}.card.featured h3{font-size:32px;max-width:280px}.card:not(.featured){padding:18px;min-height:225px}.card:not(.featured) h3{font-size:21px}.card p{font-size:11px}.card:not(.featured) .card-top .badge{display:none}.card-logo{font-size:23px}.badge{font-size:8px}.steps{gap:22px}.process-line{display:block;padding-block:22px}.process-line h2{font-size:25px;max-width:100%;margin-bottom:22px}.steps span{font-size:10px}.contact-band{margin:20px 22px 28px;padding:27px;display:block}.contact-band h2{font-size:31px}.contact-band .btn{margin-top:22px}.site-footer{margin:0 22px;padding:23px 0;gap:12px;flex-wrap:wrap;font-size:9px}.site-footer span{flex-basis:100%}.megamenu{left:22px;right:22px;top:70px;grid-template-columns:1fr 1fr;padding:10px}.megamenu button{padding:12px}.megamenu small{font-size:9px}.hero-split{display:block;padding-top:40px}.hero-split h1{font-size:54px}.hero-split p{margin-top:22px}.chooser{margin-top:35px;padding:22px}.chooser>p{margin:0 0 10px}.need-result h3{font-size:25px}.directory{grid-template-columns:1fr}.directory strong{font-size:25px}.directory button{padding:20px 0}.immersive{padding:28px 22px}.stage{padding:30px 25px;display:block;min-height:480px}.stage h1{font-size:51px}.stage p{font-size:12px}.stage-art{min-height:145px;margin:20px 0 0}.stage-art img{width:100px}.stage-art:before{width:190px;height:190px}.stage-art:after{width:240px;height:240px}.stage-tabs{grid-template-columns:repeat(2,1fr)}.stage-tabs button{padding:12px}.intro-label{padding-bottom:20px}.intro-label p{font-size:11px}.intro-label .eyebrow{font-size:9px}.stage .eyebrow{margin-bottom:18px}} @media(max-width:780px){.preview-tools{gap:10px;flex-wrap:wrap;padding:10px 14px}.preview-brand{font-size:12px}.variants{order:3;width:100%;justify-content:space-between}.variants button{font-size:11px;padding:7px}.variants small{display:none}#mobile-preview{padding:6px 10px;font-size:10px}.design-note{margin:12px auto;font-size:11px;padding:0 16px}.preview-shell{border-inline:0}.preview-shell.is-mobile{max-width:100%}dialog{padding:30px 24px}dialog h2{font-size:36px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}} .stage-art img{height:auto} /* studio-motion.css */ /* Homepage discovery card: shared typography, light responsive to interaction. */ @property --studio-led-angle{syntax:'';initial-value:0deg;inherits:false} .idn-studio-home{isolation:isolate} .idn-studio-home .studio-card-particles{position:absolute;inset:-80px 0;width:100%;height:calc(100% + 160px);z-index:0;pointer-events:none} .idn-studio-home>:is(a,button){position:relative;z-index:1;isolation:isolate;--studio-pointer-x:50%;--studio-pointer-y:50%;background:linear-gradient(115deg,#15101df5,#0b1019f7 65%,#091419f5);border-color:#a38cc45c;box-shadow:0 8px 35px -22px #a855f74a;transition:opacity .75s,border-color .24s,box-shadow .3s,transform .24s} .idn-studio-home.studio-card-ready:not(.is-studio-revealed)>:is(a,button){opacity:0;transform:translateY(26px) scale(.985);transition:none} .idn-studio-home.studio-card-entering>:is(a,button){transition:opacity .75s ease,transform .85s cubic-bezier(.16,1,.3,1),border-color .24s,box-shadow .3s} .idn-studio-home h2{font-family:'Urbanist',sans-serif;font-weight:700;font-variation-settings:'wght' 700;font-size:clamp(27px,3vw,40px);line-height:1.1;letter-spacing:-.035em;text-wrap:balance} .idn-studio-home p,.idn-studio-home .studio-home-link{font-family:'Inter',sans-serif} .idn-studio-home small{font-family:'Urbanist',sans-serif;font-weight:700;font-variation-settings:'wght' 700;letter-spacing:.16em} .idn-studio-home>:is(a,button)::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 480px 260px at var(--studio-pointer-x) var(--studio-pointer-y),#bf92fa22,transparent 72%),linear-gradient(110deg,#ec48990a,#a855f70b 42%,#06b6d40c);opacity:0;transition:opacity .25s} .idn-studio-home>:is(a,button)::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;z-index:2;pointer-events:none;background:conic-gradient(from var(--studio-led-angle),#ec48991a 0deg,#ec4899 55deg,#a855f7 110deg,#3b82f6 170deg,#06b6d4 225deg,#06b6d41a 290deg,#ec48991a 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.85;transition:opacity .25s;animation:studio-led-orbit 9s linear infinite;animation-play-state:paused} .idn-studio-home.is-led-running>:is(a,button)::after{animation-play-state:running} @keyframes studio-led-orbit{to{--studio-led-angle:360deg}} .idn-studio-home>:is(a,button):is(:hover,:focus-visible,.is-studio-active){border-color:#c5a6ff8c;box-shadow:-16px 0 45px -24px #ec489966,0 14px 50px -25px #a855f766,18px 0 50px -27px #06b6d466;transform:translateY(-3px)} .idn-studio-home>:is(a,button):is(:hover,:focus-visible,.is-studio-active)::before,.idn-studio-home>:is(a,button):is(:hover,:focus-visible,.is-studio-active)::after{opacity:1} .idn-studio-home>:is(a,button):focus-visible{outline:2px solid #d4bbff;outline-offset:6px} .idn-studio-home .studio-home-link{transition:color .2s} .idn-studio-home>:is(a,button):is(:hover,:focus-visible,.is-studio-active) .studio-home-link{color:#f2eaff} @media(max-width:760px){.idn-studio-home h2{font-size:27px;font-weight:700}.idn-studio-home>:is(a,button)::before{background:radial-gradient(ellipse 250px 240px at var(--studio-pointer-x) var(--studio-pointer-y),#bc92f925,transparent 78%),linear-gradient(120deg,#ec489909,#06b6d409)}.idn-studio-home>:is(a,button):is(:hover,:focus-visible,.is-studio-active){transform:translateY(-2px)}} @media(hover:none){.idn-studio-home>:is(a,button):hover:not(.is-studio-active):not(:focus-visible){border-color:#a38cc45c;box-shadow:0 8px 35px -22px #a855f74a;transform:none}.idn-studio-home>:is(a,button):hover:not(.is-studio-active):not(:focus-visible)::before{opacity:0}.idn-studio-home>:is(a,button):hover:not(.is-studio-active):not(:focus-visible)::after{opacity:.85}} @media(prefers-reduced-motion:reduce){.idn-studio-home>:is(a,button),.idn-studio-home>:is(a,button)::before,.idn-studio-home>:is(a,button)::after,.idn-studio-home .studio-home-link{transition:none}.idn-studio-home>:is(a,button):is(:hover,:focus-visible,.is-studio-active){transform:none}.idn-studio-home .studio-card-particles{display:none}} @media(prefers-reduced-motion:reduce){.idn-studio-home.studio-card-ready>:is(a,button){opacity:1!important;transform:none!important;transition:none}.idn-studio-home>:is(a,button)::after{animation:none}} .motion-studio{grid-column:span 2;position:relative;min-width:0;isolation:isolate;overflow:visible} .motion-studio>.card{width:100%;height:100%;min-height:278px;grid-column:auto} .motion-studio .studio-card-particles{inset:-85px;width:calc(100% + 170px);height:calc(100% + 170px);z-index:0} .motion-studio>:is(a,button){background:linear-gradient(115deg,#15101dfc,#0b1019fc 65%,#091419fc)} .motion-studio>.card::before{background:linear-gradient(110deg,#12101df5,#0d101bd9),url(assets/studio-card.webp) center/cover;opacity:1} .motion-studio>.card.is-studio-active::before{background:radial-gradient(ellipse 480px 260px at var(--studio-pointer-x) var(--studio-pointer-y),#bf92fa35,transparent 72%),linear-gradient(110deg,#12101df2,#0d101bc4),url(assets/studio-card.webp) center/cover} .motion-studio .led{display:none} @container site (max-width:750px){.motion-studio>.card{min-height:252px}} /* enhanced.css */ /* A retains its short structure; movement is carried by existing elements. */ .title-line{display:block;overflow:hidden;padding:.07em 0;margin:-.07em 0}.title-run{display:inline-block;vertical-align:top}.gradient{background-size:220% 100%;animation:gradient-flow 9s ease-in-out infinite alternate}.hero .orbit{translate:0 var(--scroll-drift,0px);animation:orbit-breathe 12s ease-in-out infinite alternate}.hero:after{content:'';position:absolute;z-index:-2;inset:12% 18%;background:radial-gradient(ellipse,#ae52e620,transparent 65%);animation:aura-breathe 7s ease-in-out infinite alternate;pointer-events:none}.hero .hero-hint{animation:hint-in 1.4s .3s both}.card.essential{box-shadow:0 0 55px -30px #13d0d22b}.card.essential .card-logo img{animation:logo-float 7s ease-in-out infinite alternate}.card.social{--accent:#ed6dbc;background:linear-gradient(130deg,#30132e5c,#0c0d16)}.card.social .icon{color:#ec9ed8}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important} @keyframes gradient-flow{from{background-position:0 50%}to{background-position:100% 50%}}@keyframes orbit-breathe{from{rotate:-3deg;scale:.98}to{rotate:3deg;scale:1.025}}@keyframes aura-breathe{from{opacity:.4;scale:.9}to{opacity:1;scale:1.1}}@keyframes hint-in{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}@keyframes logo-float{to{translate:0 -5px}} .ads-page .section{padding-block:55px}.ads-hero{max-width:1210px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;padding:70px 42px 70px;position:relative}.ads-wordmark{display:flex;align-items:center;gap:10px;font:650 23px var(--title);margin-bottom:26px}.ads-wordmark img{width:45px;height:auto}.ads-hero h1{font-size:clamp(58px,6.1cqw,84px);font-weight:580}.ads-hero .eyebrow{font-size:9px;margin-bottom:18px}.ads-hero p{font-size:13px;line-height:1.85;margin-top:22px;max-width:440px}.ads-hero .actions{justify-content:flex-start}.ads-scene{min-height:460px;position:relative;perspective:1000px;isolation:isolate}.ads-scene:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,#ad439937,transparent 65%);animation:aura-breathe 8s infinite alternate}.ads-orbit{position:absolute;inset:10% -4%;border:1px solid #d394e52b;border-radius:50%;transform:rotate(-18deg);animation:orbit-breathe 12s infinite alternate}.ads-post{position:absolute;width:235px;border-radius:24px;padding:16px;background:linear-gradient(135deg,#2a2236ed,#141b29ed);border:1px solid #d5b1f63b;box-shadow:0 25px 65px #0005;backdrop-filter:blur(16px)}.ads-post.main-post{top:35px;left:20px;rotate:-8deg;animation:post-float 7s ease-in-out infinite alternate}.ads-post.reel-post{top:110px;right:-2px;rotate:9deg;width:192px;animation:post-float 8s 1s ease-in-out infinite alternate}.ads-post-head{display:flex;gap:8px;align-items:center;font-size:9px;color:#d4c4df}.ads-post-head i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#a66adb2b;color:#d9b2f7}.ads-post-head span{margin-left:auto}.post-art{margin-top:14px;border-radius:15px;min-height:194px;padding:20px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 25%,#1d7a9555,transparent 70%),linear-gradient(135deg,#5d296f,#17172d);display:flex;flex-direction:column;justify-content:center}.post-art:before{content:'';position:absolute;width:160px;height:160px;border:1px solid #e7c5fa50;border-radius:50%;left:45%;top:25%;animation:orbit-breathe 8s infinite alternate}.post-art strong{position:relative;font:550 34px/.98 var(--title);letter-spacing:-.04em}.post-art small{margin-top:14px;font-size:8px;letter-spacing:.15em;color:#b59bcf}.post-icons{display:flex;gap:10px;font-size:16px;margin-top:10px;color:#d9c9e8}.post-icons span:last-child{margin-left:auto}.reel-art{min-height:250px;background:linear-gradient(160deg,#192230,#553365 60%,#29203d);align-items:center;text-align:center}.reel-art strong{font-size:33px}.reel-art .play{margin:18px 0;border:1px solid #f4d6ff6b;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;font-size:16px;background:#ffffff0a}.scene-status{position:absolute;left:45px;bottom:8px;padding:12px 18px;border-radius:99px;border:1px solid #e2a4ea40;background:#241d30e8;font-size:10px;color:#dabde9;backdrop-filter:blur(12px);animation:logo-float 6s infinite alternate}.scene-status i{display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:#d88cf2;box-shadow:0 0 12px #ed72d3}.scene-caption{position:absolute;bottom:-23px;text-align:center;width:100%;font-size:9px;letter-spacing:.1em;color:#897b9c}@keyframes post-float{from{translate:0 -6px}to{translate:0 8px}} .ads-heading{max-width:700px;margin-bottom:30px}.ads-heading.center{text-align:center;margin:0 auto 36px}.ads-heading h2{font-size:48px;font-weight:560}.ads-heading p{font-size:12px;line-height:1.9;margin-top:20px}.ads-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.ads-feature{border:1px solid #ffffff20;border-radius:22px;padding:29px;background:linear-gradient(130deg,#3b274e28,#111b2328)}.ads-feature .icon{display:block;width:27px;height:27px;color:#c38beb;margin-bottom:26px}.ads-feature h3{font-size:27px;font-weight:550;margin-bottom:14px}.ads-feature p{font-size:12px;line-height:1.85}.ads-feature small{display:block;font-size:10px;color:#c699d9;margin-top:20px}.ads-included{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;color:#bca9c9;margin-top:30px;font-size:10px}.ads-included span:before{content:'✓';color:#c17cde;margin-right:6px}.ads-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;padding-top:12px}.ads-plan{position:relative;display:flex;flex-direction:column;padding:30px;border:1px solid #ffffff23;border-radius:24px;background:linear-gradient(130deg,#38233d39,#111b2230)}.ads-plan.featured{border-color:#c58ce26b;background:linear-gradient(130deg,#74396b30,#17344630)}.ads-plan .plan-tag{position:absolute;top:-12px;left:28px;background:#34213e;border:1px solid #c68fe264;border-radius:99px;padding:4px 10px;font-size:9px;color:#ebc6fb}.ads-plan h3{font-size:27px;font-weight:550;letter-spacing:-.03em}.plan-price{font:600 51px var(--title);margin:22px 0 12px;letter-spacing:-.055em;line-height:1}.plan-price small{font:400 11px var(--sans);color:#bbaac8;letter-spacing:0;margin-left:7px}.ads-plan p{font-size:11px;line-height:1.9}.ads-plan ul{padding-left:16px;margin:24px 0 28px;color:#c8bdcf;font-size:11px;line-height:1.85;flex:1}.ads-plan li{padding-left:4px;margin-bottom:9px}.ads-plan .btn{width:100%;margin-top:auto}.ads-plan .plan-term{font-size:9px;line-height:1.8;color:#9d8ba9;margin-top:15px}.ads-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.ads-option-panel{padding:26px;border:1px solid var(--line);border-radius:20px;background:#ffffff03}.ads-option-panel h3{font-size:26px;margin-bottom:20px}.ads-option-panel dl{margin:0}.ads-option-panel dl>div{display:flex;gap:22px;justify-content:space-between;font-size:11px;padding:11px 0;border-bottom:1px solid #ffffff0d}.ads-option-panel dt{color:#bbaac8}.ads-option-panel dd{margin:0;white-space:nowrap;font-size:10px}.ads-option-panel p{font-size:11px;line-height:1.9;margin-top:15px}.ads-option-panel ul{padding-left:16px;font-size:11px;line-height:1.9;color:#bbaac8}.ads-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ads-step{padding:25px 0;border-top:1px solid #a87db84d}.ads-step>span{font-size:10px;color:#c189de;letter-spacing:.15em}.ads-step h3{font-size:25px;margin:20px 0 12px;font-weight:550}.ads-step p{font-size:11px;line-height:1.85}.ads-portal{margin:15px 0;padding:36px;border:1px solid #ffffff25;border-radius:26px;background:linear-gradient(120deg,#6c306024,#16415129);display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center}.ads-portal h2{font-size:39px;font-weight:550}.ads-portal p{font-size:12px;line-height:1.9;margin:20px 0}.portal-mini{padding:23px;border:1px solid #cca2db2b;background:#100e1bbf;border-radius:19px;transform:rotate(2deg)}.portal-mini>small{font-size:9px;letter-spacing:.15em;color:#b78dcd}.portal-mini h3{font-size:23px;margin:16px 0 24px;font-weight:550}.portal-progress{height:3px;border-radius:4px;background:#ffffff12;margin-bottom:22px}.portal-progress span{display:block;width:65%;height:100%;background:linear-gradient(90deg,#ed4ba5,#9a61fa,#0abdd1);border-radius:4px;animation:progress-light 5s ease-in-out infinite alternate}.portal-mini-row{display:flex;align-items:center;gap:9px;padding:12px 0;font-size:10px;border-bottom:1px solid #ffffff10;color:#c6b8d1}.portal-mini-row i{height:6px;width:6px;border-radius:50%;background:#a889d4}.portal-mini-row small{margin-left:auto;color:#a7cfbf;font-size:8px;border:1px solid #79bfa730;border-radius:99px;padding:3px 7px}@keyframes progress-light{to{opacity:.6}} .faq{max-width:850px;margin:auto}.faq-item{border:1px solid #ffffff20;border-radius:20px;overflow:hidden;background:linear-gradient(130deg,#38283b2b,#142a3024);margin-bottom:13px;transition:border-color .3s}.faq-item.is-open{border-color:#bd8ddb70}.faq-item button{display:flex;align-items:center;justify-content:space-between;gap:25px;width:100%;text-align:left;background:none;padding:23px 26px;font-size:12px;color:#d9c9e6}.faq-item button span{color:#b689d5;font-size:20px;transition:transform .35s}.faq-item.is-open button span{transform:rotate(45deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1);border-radius:0 0 20px 20px}.faq-answer>div{overflow:hidden;min-height:0}.faq-answer p{font-size:12px;line-height:1.9;padding:0 26px 23px}.faq-item.is-open .faq-answer{grid-template-rows:1fr}.ads-page .contact-band{margin-top:30px}.back-home{display:inline-flex;color:#c9a5e5;font-size:11px;padding:10px 0;margin-top:18px}.ads-page .section:last-of-type{padding-bottom:25px} @container site (max-width:750px){.ads-page .section{padding:35px 22px}.ads-hero{display:block;padding:35px 24px 60px}.ads-hero h1{font-size:55px}.ads-wordmark{font-size:23px;margin-bottom:24px}.ads-hero p{font-size:12px}.ads-scene{min-height:390px;max-width:350px;margin:28px auto 0}.ads-post.main-post{width:200px;left:4px;top:15px}.ads-post.reel-post{width:157px;right:0;top:100px}.post-art{min-height:173px;padding:16px}.post-art strong{font-size:31px}.reel-art{min-height:210px}.reel-art strong{font-size:28px}.scene-status{left:0;bottom:0;font-size:9px}.scene-caption{bottom:-24px;font-size:8px}.ads-heading h2{font-size:36px}.ads-feature-grid,.ads-plan-grid,.ads-options,.ads-steps,.ads-portal{grid-template-columns:1fr}.ads-feature-grid{gap:12px}.ads-feature{padding:25px}.ads-feature .icon{margin-bottom:20px}.ads-plan-grid{gap:27px}.ads-plan{padding:28px}.ads-options{gap:15px}.ads-option-panel{padding:23px}.ads-included{justify-content:flex-start;gap:12px;font-size:9px}.ads-steps{gap:4px}.ads-step{padding:22px 0}.ads-step h3{margin:14px 0 10px}.ads-portal{padding:26px;gap:20px}.ads-portal h2{font-size:34px}.portal-mini{padding:20px}.faq-item button{padding:20px;font-size:12px}.faq-answer p{padding:0 20px 22px;font-size:11px}.ads-option-panel dl>div{gap:13px;font-size:10px}.ads-option-panel dd{font-size:9px}.ads-hero .actions{gap:10px}.ads-hero .btn{font-size:11px;padding:13px 18px}} @media(prefers-reduced-motion:reduce){.title-run{transform:none!important}.ads-post{animation:none}.faq-answer{transition:none}} /* direction-v3.css */ /* All six doors use one card system. Studio retains its original motion layer. */ .universe-grid{gap:20px}.universe-grid>.card.featured,.universe-grid>.motion-studio>.card{min-height:300px;padding:30px}.universe-grid .card-top{min-height:52px;align-items:center}.universe-grid .card-logo{font-size:24px;font-weight:650;min-width:0}.universe-grid .card-logo img{flex:0 0 42px;width:42px;height:42px}.universe-grid .card-top>.badge{flex-shrink:0}.universe-grid .card h3{font-size:34px;font-weight:550;line-height:1.04;max-width:100%;margin:7px 0 0}.universe-grid .card p{font-size:12px;max-width:440px;line-height:1.8}.universe-grid .card .card-link{padding-top:15px;font-size:11px}.universe-grid .digital{--accent:#a981ff;background:linear-gradient(130deg,#281b393d,#101222)}.universe-grid .gestion{--accent:#65ccde;background:linear-gradient(130deg,#13373b39,#10121e)}.universe-grid .marques{--accent:#d797db;background:linear-gradient(130deg,#3c243b39,#12121e)}.universe-grid .card::before{opacity:.8}.universe-grid .studio.card::before{opacity:1}.universe-grid .card.featured:hover,.universe-grid .card.featured:focus-visible{box-shadow:0 10px 45px -23px var(--accent);border-color:color-mix(in srgb,var(--accent) 65%,transparent)} .ads-hero.ads-hero-v3{display:block;text-align:center;padding:65px 42px 42px;isolation:isolate}.ads-hero-v3 .ads-wordmark{justify-content:center;margin-bottom:28px}.ads-hero-v3 .eyebrow{margin-bottom:22px}.ads-hero-v3 h1{font-size:clamp(64px,7.9cqw,104px);font-weight:620;max-width:1120px;margin:auto;letter-spacing:-.06em}.ads-hero-v3 p{max-width:620px;margin:26px auto 0;font-size:14px;line-height:1.85}.ads-hero-v3 .actions{justify-content:center;margin-top:29px}.ads-platforms{display:flex;justify-content:center;align-items:center;gap:17px;margin-top:40px;color:#988ca7;font-size:10px;letter-spacing:.04em}.ads-platforms i{width:2px;height:2px;border-radius:50%;background:#d381b9}.ads-hero-aura{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.ads-hero-aura i{position:absolute;inset:8% 20%;border:1px solid #be75b71a;border-radius:50%;rotate:-12deg;animation:orbit-breathe 14s infinite alternate}.ads-hero-aura i:nth-child(2){inset:2% 8%;rotate:18deg;border-color:#a47ede14;animation-delay:-7s}.ads-hero-aura i:nth-child(3){inset:15% 22%;border:0;background:radial-gradient(ellipse,#bd4bac1b,transparent 70%);animation:aura-breathe 8s infinite alternate}.ads-page .ads-gallery{padding-top:32px;padding-bottom:50px}.gallery-toolbar{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}.gallery-toolbar .eyebrow{font-size:9px;margin-bottom:13px}.gallery-toolbar h2{font-size:34px;font-weight:550}.gallery-tabs{display:flex;gap:3px;padding:5px;border:1px solid #ffffff1d;border-radius:99px;background:#ffffff03}.gallery-tabs button{background:none;color:#a99ab8;padding:10px 14px;border-radius:99px;font-size:10px;white-space:nowrap}.gallery-tabs [aria-selected=true]{background:#b975bc21;color:#f3d9f1;box-shadow:inset 0 0 0 1px #c18dd52b}.gallery-visual{display:grid;grid-template-columns:1.65fr 1fr;gap:22px;background:linear-gradient(120deg,#17101e,#101321);border:1px solid #ffffff22;border-radius:25px;padding:24px;overflow:hidden}.campaign-poster{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:420px;border-radius:17px;padding:30px;color:#fceeff;background:radial-gradient(ellipse at 90% 20%,#405b9c,transparent 75%),linear-gradient(135deg,#923e74,#392449 70%,#242742);overflow:hidden}.poster-top,.poster-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:1;font-size:9px;letter-spacing:.12em}.poster-top span{font-size:8px;opacity:.65}.campaign-poster>strong{font:550 81px/.9 var(--title);letter-spacing:-.06em;position:relative;z-index:1;margin:38px 0 14px}.campaign-poster>small{font-size:9px;letter-spacing:.2em;position:relative;z-index:1;margin-bottom:30px}.poster-bottom{font-size:8px;border-top:1px solid #f5d7f82b;padding-top:15px}.poster-bottom span{font-size:22px;line-height:1}.poster-orbits{position:absolute;width:380px;height:380px;right:-65px;top:5px;transform:rotate(-20deg)}.poster-orbits i{position:absolute;inset:0;border:1px solid #f1cef37a;border-radius:50%;transform:rotateX(40deg);animation:orbit-breathe 12s infinite alternate}.poster-orbits i:nth-child(2){inset:35px;rotate:30deg;animation-delay:-4s}.poster-orbits i:nth-child(3){inset:70px;rotate:60deg;animation-delay:-8s}.gallery-side{padding:20px 5px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.sample-card{margin:5px auto;width:100%;max-width:300px;border:1px solid #d8b2e33b;border-radius:20px;background:linear-gradient(130deg,#a64f9726,#1d2a4633);padding:25px;rotate:3deg;box-shadow:0 20px 45px #0003;animation:post-float 8s infinite alternate}.sample-card>small{font-size:8px;letter-spacing:.18em;color:#c19fcf}.sample-card>span{display:block;font:550 43px/.98 var(--title);letter-spacing:-.045em;margin-top:30px;color:#efe1f8}.sample-dots{display:flex;gap:5px;margin-top:33px}.sample-dots i{width:6px;height:6px;border-radius:50%;background:#c290d449}.sample-dots i:first-child{width:24px;border-radius:99px;background:#dcb0e9}.gallery-side>p{font-size:11px;line-height:1.9;max-width:280px;margin:0 auto;color:#aa9bb7}.gallery-caption{display:flex;gap:40px;justify-content:space-between;padding:23px 5px 0}.gallery-caption>span{font-size:8px;letter-spacing:.12em;color:#8f799f;padding-top:5px}.gallery-caption>div{max-width:440px}.gallery-caption h3{font-size:24px;font-weight:550;margin-bottom:8px}.gallery-caption p{font-size:11px;line-height:1.8}.video-poster{background:radial-gradient(ellipse at 20% 0%,#387b8e55,transparent),linear-gradient(150deg,#332951,#7f3e67)}.film-stripes{position:absolute;inset:0;overflow:hidden;opacity:.35}.film-stripes i{position:absolute;left:-20%;top:10%;width:150%;height:15px;background:#ffc8f38c;rotate:-35deg;animation:film-pass 9s linear infinite}.film-stripes i:nth-child(2){top:50%;animation-delay:-3s}.film-stripes i:nth-child(3){top:90%;animation-delay:-6s}@keyframes film-pass{from{translate:0 -100px}to{translate:0 150px}}.sound-waves{display:flex;align-items:center;gap:5px;height:65px;margin-top:25px}.sound-waves i{width:5px;height:var(--bar);border-radius:10px;background:linear-gradient(#df86cb,#938fe7);animation:sound-wave 1.8s var(--delay) ease-in-out infinite alternate}@keyframes sound-wave{to{scale:1 .35;opacity:.5}}.campaign-ads{background:radial-gradient(ellipse at 90% 20%,#5763a5,transparent 60%),linear-gradient(120deg,#31324f,#422239)}.target-orbits{position:absolute;right:-85px;top:20px;width:380px;height:380px}.target-orbits i{position:absolute;inset:0;border:1px solid #bfb3f569;border-radius:50%;animation:target-pulse 6s ease-in-out infinite alternate}.target-orbits i:nth-child(2){inset:50px;animation-delay:-2s}.target-orbits i:nth-child(3){inset:100px;animation-delay:-4s}@keyframes target-pulse{to{scale:.92;opacity:.3}}.brief-lines{display:grid;gap:10px;margin-top:30px}.brief-lines i{width:90%;height:3px;border-radius:5px;background:linear-gradient(90deg,#d595dd,#7e7cb3)}.brief-lines i:nth-child(2){width:70%}.brief-lines i:nth-child(3){width:80%}.ads-page .ads-heading h2{font-size:52px}.ads-page .ads-feature{min-height:265px;border-radius:24px;background:linear-gradient(140deg,#47283f30,#17283a1c)}.ads-page .ads-feature h3{font-size:30px;line-height:1.05}.ads-page .ads-plan{padding:32px}.ads-page .ads-plan.featured{box-shadow:0 0 90px -55px #c970c6;border-color:#ca8de480}.ads-page .ads-option-panel{background:#ffffff02}.ads-page .ads-portal{padding:44px;background:radial-gradient(ellipse at 80% 0%,#293f593b,transparent),linear-gradient(120deg,#4f28432b,#18222f30)} .works-hero .ads-wordmark{justify-content:center;margin-bottom:25px}.works-hero h1{font-size:clamp(60px,7.7cqw,104px)}.works-page .section{padding-block:50px}.works-page .section-head h2,.works-heading h2{font-size:49px;font-weight:550}.works-page .section-head p{font-size:12px}.works-pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #c094e23a}.works-step{position:relative;padding:28px 22px 12px 0;min-width:0}.works-step:not(:first-child){padding-left:24px;border-left:1px solid #ffffff10}.works-step:before{content:'';position:absolute;left:0;top:-4px;background:#c39be7;width:7px;height:7px;border-radius:50%;box-shadow:0 0 15px #b98bd84f}.works-step-num{display:inline-block;font-size:9px;color:#c195df;letter-spacing:.15em;margin-bottom:20px}.works-step .icon{display:block;width:29px;height:29px;color:#bea1e2;margin-bottom:22px}.works-step h3{font-size:28px;line-height:1.04;font-weight:550;min-height:58px;margin-bottom:18px}.works-step p{font-size:11px;line-height:1.95;min-height:112px;color:#b0a5bd}.works-step ul{font-size:10px;color:#cab8dc;line-height:1.9;padding-left:15px;margin-top:18px}.works-signature blockquote{margin:0;font:450 22px/1.5 var(--title);letter-spacing:-.02em;color:#a99eb8;max-width:370px}.works-signature blockquote em{font-style:normal;color:#dbb3ef}.signature-grid-v3{display:grid;grid-template-columns:1.2fr 1fr;gap:17px}.signature-tile-v3{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:245px;padding:30px;border:1px solid #ffffff22;border-radius:24px;background:linear-gradient(135deg,#3d244333,#142b3929);overflow:hidden}.signature-tile-v3:nth-child(4){background:linear-gradient(135deg,#152f3b49,#3c28413d)}.signature-tile-v3 h3{font-size:31px;font-weight:550;margin:8px 0 16px}.signature-tile-v3 p{max-width:260px;font-size:11px;line-height:1.9}.signature-tile-v3 .eyebrow{margin:0}.signature-art{display:block;position:relative;width:135px;min-width:110px;height:135px;flex-shrink:0}.signature-art.is-identity i{position:absolute;inset:10px;border:1px solid #ca7cdd9e;border-radius:30%;rotate:45deg;animation:identity-breathe 7s infinite alternate}.signature-art.is-identity i:nth-child(2){inset:26px;border-color:#b193ed;animation-delay:-2s}.signature-art.is-identity i:nth-child(3){inset:42px;border-color:#88cfe5;animation-delay:-4s}@keyframes identity-breathe{to{rotate:90deg;scale:.9}}.signature-art.is-type{font:550 100px/135px var(--title);letter-spacing:-.09em;background:linear-gradient(130deg,#ec7cca,#a397ef,#67d5e4);color:transparent;background-clip:text;animation:logo-float 7s infinite alternate}.signature-art.is-motion i{position:absolute;left:0;right:0;top:26px;height:1px;background:linear-gradient(90deg,transparent,#89a6dc,transparent)}.signature-art.is-motion i:after{content:'';position:absolute;top:-4px;left:10%;width:8px;height:8px;border-radius:50%;background:#bd88f1;box-shadow:0 0 17px #c67ce1;animation:motion-slide 4s infinite alternate ease-in-out}.signature-art.is-motion i:nth-child(2){top:66px}.signature-art.is-motion i:nth-child(2):after{animation-delay:-1.5s;background:#75cce6}.signature-art.is-motion i:nth-child(3){top:106px}.signature-art.is-motion i:nth-child(3):after{animation-delay:-3s}@keyframes motion-slide{to{left:85%}}.signature-art.is-perf{display:flex;align-items:end;gap:8px;padding:10px 5px}.signature-art.is-perf i{width:14px;height:var(--height);border-radius:6px;background:linear-gradient(#9bcbea,#9e71d8);transform-origin:bottom;animation:perf-breathe 5s var(--delay) infinite alternate ease-in-out}@keyframes perf-breathe{to{scale:1 .65}}.works-method{border:1px solid #ffffff20;border-radius:26px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:50px;background:radial-gradient(ellipse at 0 80%,#9c4aab14,transparent),#ffffff02}.works-method .works-heading p{font-size:12px;line-height:1.9;margin-top:25px;max-width:260px}.works-method ol{list-style:none;margin:0;padding:0}.works-method li{display:flex;gap:22px;padding:18px 0;border-bottom:1px solid #ffffff14}.works-method li:first-child{padding-top:0}.works-method li>span{font-size:10px;color:#b58ada;padding-top:5px}.works-method h3{font-size:27px;font-weight:550;margin-bottom:10px}.works-method p{font-size:11px;line-height:1.9}.works-price{display:flex;flex-direction:column;margin:28px 0 20px;gap:5px}.works-price small{font-size:10px;color:#a99ab7}.works-price strong{font:550 48px/1 var(--title);letter-spacing:-.04em}.works-essential{display:flex;gap:18px;align-items:center;margin-top:22px;padding:22px;border:1px solid #ffffff20;background:linear-gradient(120deg,#22233936,#16434a2c);border-radius:20px}.works-essential img{object-fit:contain}.works-essential strong{font:550 22px var(--title);letter-spacing:-.025em}.works-essential small{display:block;font-size:11px;color:#b8abc8;margin-top:5px}.works-essential .arrow{margin-left:auto}.works-heading p{font-size:12px} @container site (max-width:750px){.universe-grid{gap:15px}.universe-grid>.card.featured,.universe-grid>.motion-studio>.card{min-height:285px;padding:24px}.universe-grid .card-top{min-height:57px;gap:12px}.universe-grid .card-logo{font-size:22px;line-height:1.05;gap:10px}.universe-grid .card-logo img{width:37px;height:37px;flex-basis:37px}.universe-grid .badge{font-size:8px;max-width:95px;white-space:normal;text-align:right}.universe-grid .card h3{font-size:31px;margin-top:3px}.universe-grid .card p{font-size:11px}.ads-hero.ads-hero-v3{padding:37px 22px 24px}.ads-hero-v3 h1{font-size:53px;letter-spacing:-.055em}.ads-hero-v3 .eyebrow{font-size:8px;letter-spacing:.14em}.ads-hero-v3 p{font-size:12px;max-width:330px}.ads-hero-v3 .ads-wordmark{margin-bottom:25px}.ads-platforms{gap:11px;font-size:9px;margin-top:25px;flex-wrap:wrap}.gallery-toolbar{display:block;margin-bottom:20px}.gallery-toolbar h2{font-size:31px}.gallery-tabs{margin-top:22px;padding:4px;width:max-content;max-width:100%;gap:0}.gallery-tabs button{font-size:9px;padding:9px 10px}.gallery-visual{grid-template-columns:1fr;gap:12px;padding:13px;border-radius:22px}.campaign-poster{min-height:345px;padding:23px}.campaign-poster>strong{font-size:61px;margin-top:42px}.poster-top{font-size:8px;gap:12px}.poster-top span{font-size:7px}.campaign-poster>small{font-size:8px;letter-spacing:.12em}.gallery-side{padding:12px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.sample-card{padding:17px;rotate:2deg;min-width:0}.sample-card>small{font-size:6px;letter-spacing:.1em}.sample-card>span{font-size:26px;margin-top:20px}.sample-dots{margin-top:22px}.gallery-side>p{font-size:10px;line-height:1.85}.gallery-caption{display:block;padding:18px 3px 0}.gallery-caption>span{font-size:7px}.gallery-caption h3{font-size:24px;margin-top:12px}.gallery-caption p{font-size:10px}.sound-waves{gap:3px;height:45px}.sound-waves i{width:3px;max-height:40px}.poster-orbits{width:280px;height:280px;right:-85px;top:45px}.ads-page .ads-heading h2{font-size:36px}.ads-page .ads-feature{min-height:230px}.ads-page .ads-plan{padding:27px}.ads-page .ads-portal{padding:26px}.works-hero h1{font-size:51px}.works-hero .eyebrow{font-size:8px;letter-spacing:.12em}.works-page .section{padding-block:32px}.works-page .section-head h2,.works-heading h2{font-size:36px}.works-pipeline{grid-template-columns:1fr}.works-step{padding:25px 0!important;border-left:0!important;border-top:1px solid #ffffff17}.works-step:first-child{border-top:0}.works-step-num{margin-bottom:10px}.works-step .icon{position:absolute;right:4px;top:24px;width:27px;height:27px}.works-step h3{font-size:30px;min-height:0;margin-bottom:17px;max-width:250px}.works-step p{font-size:11px;min-height:0;max-width:100%}.works-step ul{font-size:10px;display:grid;grid-template-columns:1fr 1fr;gap:4px 23px;margin-top:20px;padding-left:14px}.works-signature blockquote{font-size:21px;margin-top:22px}.signature-grid-v3{grid-template-columns:1fr;gap:13px}.signature-tile-v3{padding:25px;min-height:230px;gap:14px}.signature-tile-v3 h3{font-size:30px}.signature-tile-v3 p{font-size:10px}.signature-art{width:95px;min-width:90px;height:115px}.signature-art.is-type{font-size:80px;line-height:115px}.signature-art.is-perf{gap:5px}.signature-art.is-perf i{width:11px}.signature-art.is-identity i{inset:5px}.signature-art.is-identity i:nth-child(2){inset:19px}.signature-art.is-identity i:nth-child(3){inset:33px}.works-method{padding:26px;grid-template-columns:1fr;gap:30px}.works-method .works-heading p{max-width:100%;font-size:11px}.works-method h3{font-size:27px}.works-essential{padding:19px;gap:13px;align-items:flex-start}.works-essential img{width:36px;height:36px}.works-essential strong{font-size:20px;line-height:1.1;display:block}.works-essential small{font-size:10px}.works-price strong{font-size:44px}} @media(prefers-reduced-motion:reduce){.poster-orbits i,.signature-art i,.signature-art i:after{animation:none!important}} .universe-grid>.card.featured,.universe-grid>.motion-studio>.card{min-height:330px;height:330px}@container site (max-width:750px){.universe-grid>.card.featured,.universe-grid>.motion-studio>.card{min-height:330px;height:330px}} @container site (max-width:750px){.universe-grid>.card.featured,.universe-grid>.motion-studio>.card{min-height:360px;height:360px}} /* glass-video.css */ .works-pipeline{grid-template-columns:1fr 1fr;gap:22px;border-top:0}.works-step,.works-step:not(:first-child){padding:31px!important;border:1px solid #b394d839!important;border-radius:25px;background:linear-gradient(125deg,#67327a23,#162f3e26);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #ffffff09,0 15px 45px #0002}.works-step:before{display:none}.works-step-num{font-size:10px;letter-spacing:.16em}.works-step .icon{width:32px;height:32px;margin:0 0 26px;position:absolute;right:30px;top:29px;color:#cba1ec}.works-step h3{font-size:32px;min-height:0;margin:15px 0 20px;max-width:90%}.works-step p{min-height:0;font-size:12px;max-width:440px;line-height:1.9}.works-step ul{margin-top:23px;font-size:11px;line-height:1.9;display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;padding-left:15px}.works-step:nth-child(2){background:linear-gradient(130deg,#703a8128,#22234635)}.works-step:nth-child(3){background:linear-gradient(130deg,#24386535,#22465424)}.works-step:nth-child(4){background:linear-gradient(130deg,#16494f35,#4c2b6428)}.works-method{display:block;padding:0;border:0;border-radius:0;background:none}.works-method .works-heading{max-width:760px;margin-bottom:28px}.works-method .works-heading p{max-width:100%;margin:20px 0 0}.works-method ol{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.works-method li,.works-method li:first-child{padding:28px;border:1px solid #c397e233;border-radius:22px;background:linear-gradient(120deg,#5c306725,#173d4729);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);min-height:160px}.works-method li>span{min-width:20px;color:#c994f5}.works-method h3{font-size:29px}.works-method p{font-size:12px}.signature-tile-v3{background:linear-gradient(135deg,#632d7129,#19414a29);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)} .glass-motion{position:relative;isolation:isolate;transition:border-color .3s,box-shadow .3s,translate .3s}.glass-motion:after{content:'';position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(ellipse 400px 300px at var(--glass-x,50%) var(--glass-y,35%),#c18ae729,transparent 75%);transition:opacity .3s}.glass-motion:hover,.glass-motion:focus-within,.glass-motion.is-glass-active{border-color:#d2a1e573!important;box-shadow:0 15px 55px -28px #a84fca70;translate:0 -3px}.glass-motion:is(:hover,:focus-within,.is-glass-active):after{opacity:1}.glass-led{position:absolute;inset:-1px;padding:1px;border-radius:inherit;pointer-events:none;overflow:hidden;z-index:3;opacity:.5;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}.glass-led i{position:absolute;left:50%;top:50%;width:200%;height:400%;background:conic-gradient(transparent 0deg,transparent 90deg,#e962bc 150deg,#9c7df6 185deg,#62d6eb 220deg,transparent 280deg);animation:glass-led-turn 13s var(--glass-delay,0s) linear infinite paused;transform:translate(-50%,-50%) rotate(0deg)}.glass-motion.is-glass-visible .glass-led i{animation-play-state:running}.glass-motion:is(:hover,:focus-within,.is-glass-active) .glass-led{opacity:1}@keyframes glass-led-turn{to{transform:translate(-50%,-50%) rotate(360deg)}} .tiktok-demo{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;position:relative;isolation:isolate}.tiktok-demo:before{content:'';position:absolute;inset:5% 0;z-index:-1;background:radial-gradient(ellipse at 75% 50%,#56236331,transparent 65%);pointer-events:none}.tiktok-copy{max-width:540px}.tiktok-copy h2{font-size:58px;line-height:1.05;font-weight:550}.tiktok-copy p{font-size:13px;line-height:1.95;margin:23px 0 0;max-width:410px}.tiktok-copy .btn{margin-top:29px}.tiktok-facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.tiktok-facts span{font-size:8px;letter-spacing:.1em;color:#b69bca;padding:8px 10px;border:1px solid #b993df29;border-radius:99px}.tiktok-device-area{min-width:0;display:flex;flex-direction:column;align-items:center;padding:10px 0}.tiktok-phone{position:relative;width:294px;max-width:100%;padding:9px;border:1px solid #cab5e17d;border-radius:43px;background:linear-gradient(130deg,#34303e,#090a11 30%,#11141e 70%,#4e3e54);box-shadow:0 35px 80px #0007,0 0 70px -20px #b85be831,inset 0 0 0 2px #080a10}.phone-side{position:absolute;right:-4px;top:125px;width:3px;height:50px;background:#514859;border-radius:0 4px 4px 0}.tiktok-screen{position:relative;aspect-ratio:9/16;border-radius:33px;overflow:hidden;background:#0d0d16}.tiktok-screen video{width:100%;height:100%;display:block;object-fit:contain;background:#080910}.phone-island{position:absolute;left:50%;top:7px;transform:translateX(-50%);height:16px;width:65px;border-radius:99px;background:#030408;pointer-events:none;z-index:4;box-shadow:inset 0 0 0 1px #ffffff10}.tiktok-end-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:1}.tiktok-final-cta{position:absolute;left:20%;top:67.3%;width:60%;height:7.55%;border-radius:99px;z-index:2;display:block;cursor:pointer;transition:box-shadow .2s,background .2s}.tiktok-final-cta span{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tiktok-final-cta:hover,.tiktok-final-cta:focus-visible{background:#ffffff15;box-shadow:0 0 0 2px #e4c1ff,0 0 25px #d576f464;outline:none}.tiktok-screen [hidden]{display:none!important}.tiktok-controls{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:22px}.tiktok-controls button{font-size:10px;color:#d5c1e6;background:#a771c80b;border:1px solid #c59ae443;border-radius:99px;padding:9px 13px;min-height:36px}.tiktok-controls button[aria-pressed=true]{background:#c17cc52b}.tiktok-status{font-size:10px;line-height:1.7;text-align:center;max-width:310px;min-height:35px;margin-top:11px;color:#a494b3}#formules{scroll-margin-top:110px}.tiktok-demo .eyebrow{font-size:9px;line-height:1.8} @container site (max-width:750px){.works-pipeline{grid-template-columns:1fr;gap:16px}.works-step,.works-step:not(:first-child){padding:26px!important;min-height:285px}.works-step .icon{right:25px;top:25px}.works-step h3{font-size:31px;margin-top:14px}.works-step p{font-size:12px;line-height:1.85}.works-step ul{font-size:10px;gap:7px 17px}.works-method ol{grid-template-columns:1fr;gap:14px}.works-method li,.works-method li:first-child{padding:26px;min-height:165px}.works-method h3{font-size:28px}.works-method p{font-size:12px}.tiktok-demo{display:flex;flex-direction:column;gap:24px;padding-top:27px!important;padding-bottom:30px!important}.tiktok-copy{max-width:100%;width:100%}.tiktok-copy h2{font-size:37px;line-height:1.06}.tiktok-copy p{font-size:12px;margin-top:19px;line-height:1.85}.tiktok-copy .btn{font-size:11px;margin-top:24px}.tiktok-facts{gap:7px;margin-top:21px}.tiktok-facts span{font-size:7px;padding:7px 8px;letter-spacing:.07em}.tiktok-phone{width:min(280px,75cqw);border-radius:39px;padding:8px}.tiktok-screen{border-radius:30px}.tiktok-device-area{width:100%}.tiktok-controls{margin-top:18px;gap:8px}.tiktok-controls button{min-height:44px;font-size:10px}.tiktok-status{font-size:10px;max-width:290px}.phone-island{height:14px;width:60px;top:6px}.gallery-side{display:block;padding:18px 16px}.gallery-side .sample-card{max-width:225px;padding:23px;rotate:2deg}.gallery-side .sample-card>span{font-size:32px;margin-top:23px}.gallery-side>p{max-width:100%;font-size:11px;margin-top:22px;line-height:1.8}.gallery-caption p{font-size:11px}.gallery-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:100%;border-radius:15px}.gallery-tabs button{min-width:0;font-size:9px;padding:10px 6px;white-space:normal;line-height:1.5;border-radius:11px;min-height:44px}.ads-hero-v3 h1{font-size:clamp(39px,12.5cqw,53px)}.ads-platforms{line-height:1.8}.poster-top span{font-size:7px}.ads-option-panel dd{white-space:normal;text-align:right;flex:0 0 86px}.signature-tile-v3{min-height:235px;padding:25px}.signature-tile-v3 h3{font-size:27px}.signature-tile-v3 p{font-size:11px}.signature-art{width:85px;min-width:80px}.glass-motion:hover{translate:none}} @media(prefers-reduced-motion:reduce){.glass-led i{animation:none!important}.glass-motion{transition:none!important}.glass-motion:hover,.glass-motion.is-glass-active{translate:none}.tiktok-final-cta{transition:none}} /* iphone-gallery.css */ .gallery-panels>[hidden]{display:none!important}.ads-gallery .social-film{padding:31px 35px!important;border:1px solid #c69adb35;border-radius:27px;background:linear-gradient(130deg,#47254d22,#163a4b26);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);gap:45px}.social-film .tiktok-copy h3{font-size:43px;line-height:1.05;font-weight:550;letter-spacing:-.045em}.social-film .tiktok-copy p{font-size:12px;max-width:390px}.social-film .tiktok-facts{gap:8px;margin-top:27px}.social-film .tiktok-facts span{font-size:8px;line-height:1.4}.tiktok-phone.iphone-device{position:relative;width:270px;aspect-ratio:9/19.5;height:auto;padding:0;flex:none;border-radius:43px;background:linear-gradient(130deg,#a49bab,#26222f 18%,#0c0d15 45%,#655267);border:1px solid #b8accc;box-shadow:0 30px 60px #0007,0 0 55px -30px #b45bf0,inset 0 0 0 3px #080910}.iphone-device>.tiktok-screen{position:absolute;inset:7px;width:auto;height:auto;aspect-ratio:auto;border-radius:36px;background:#080910}.iphone-device video,.iphone-device .tiktok-end-frame{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;transform:none}.iphone-device .tiktok-end-frame[hidden]{display:none!important}.iphone-device .phone-island{width:73px;height:19px;top:9px;z-index:4;box-shadow:inset 0 0 0 1px #ffffff0c}.iphone-device .phone-island:after{content:'';position:absolute;width:5px;height:5px;right:10px;top:7px;border-radius:50%;background:#121824;box-shadow:inset 0 0 0 1px #242e46}.iphone-home-bar{position:absolute;bottom:7px;left:50%;width:75px;height:3px;transform:translateX(-50%);border-radius:99px;background:#c1bac777;z-index:3;pointer-events:none}.phone-side-left{position:absolute;left:-3px;top:90px;width:2px;height:28px;background:#8c7e98;border-radius:3px 0 0 3px}.phone-side-left:after{content:'';position:absolute;left:0;top:39px;width:2px;height:28px;border-radius:3px 0 0 3px;background:inherit}.social-film .phone-side{right:-3px;top:114px;height:49px;width:2px;background:#a398b4}.social-film .tiktok-controls{margin-top:20px}.social-film .tiktok-status{font-size:10px;max-width:290px}.social-film .tiktok-device-area{padding:5px 0}.ads-page .ads-feature.glass-motion,.ads-page .ads-plan.glass-motion,.ads-page .ads-option-panel.glass-motion,.ads-page .ads-portal.glass-motion{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(130deg,#67327a23,#163b4929);border:1px solid #bb92d63b;box-shadow:inset 0 1px 0 #ffffff09,0 15px 45px #0002}.ads-page .ads-plan.featured.glass-motion{background:linear-gradient(135deg,#7c3b7d35,#1b46512e);border-color:#c693e270}.ads-page .ads-step.glass-motion{padding:25px;border:1px solid #bb92d633;border-radius:22px;background:linear-gradient(125deg,#67327a23,#173e4929);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.ads-page .ads-step.glass-motion h3{font-size:25px}.ads-page .ads-steps{gap:15px}.ads-page .ads-option-panel.glass-motion dl>div{position:relative;z-index:1}.ads-gallery .tiktok-copy>.eyebrow{line-height:1.8}.tiktok-final-cta{min-width:0;min-height:0} @container site (max-width:750px){.ads-gallery .social-film{padding:25px 18px!important;gap:22px;border-radius:24px}.social-film .tiktok-copy h3{font-size:33px;line-height:1.07}.social-film .tiktok-copy p{font-size:12px;line-height:1.85}.social-film .tiktok-facts{gap:6px;margin-top:20px}.social-film .tiktok-facts span{font-size:7px;padding:7px;letter-spacing:.05em}.tiktok-phone.iphone-device{width:min(260px,71cqw);height:auto;aspect-ratio:9/19.5;border-radius:39px;flex:none}.iphone-device>.tiktok-screen{inset:6px;border-radius:33px}.iphone-device .phone-island{width:65px;height:17px;top:8px}.iphone-device .phone-island:after{top:6px;right:9px}.iphone-home-bar{width:70px;bottom:7px}.social-film .tiktok-controls{gap:7px}.social-film .tiktok-controls button{font-size:10px;padding:9px 11px;min-height:44px}.social-film .tiktok-status{max-width:240px;font-size:10px}.ads-page .ads-step.glass-motion{padding:25px}.ads-page .ads-steps{gap:14px}.ads-page .ads-step.glass-motion h3{font-size:27px}.ads-page .ads-option-panel.glass-motion,.ads-page .ads-portal.glass-motion{padding:25px}.gallery-tabs button{font-size:9px}.ads-gallery .gallery-toolbar{margin-bottom:20px}.social-film .tiktok-copy .btn{max-width:100%;padding-inline:14px;font-size:11px}} /* idn-quality.css */ @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}} /* assets/assistant/idn-assistant.css */ .idn-assistant, .idn-assistant * { box-sizing: border-box; } .idn-assistant { --ia-bg: #08080c; --ia-card: rgba(15, 15, 22, .88); --ia-text: #f5f5f7; --ia-dim: #a0a0aa; --ia-line: rgba(255, 255, 255, .1); --ia-iris: linear-gradient(135deg, #ec4899, #a855f7 38%, #3b82f6 72%, #06b6d4); position: fixed; right: max(22px, env(safe-area-inset-right)); bottom: max(22px, env(safe-area-inset-bottom)); z-index: 8000; font-family: 'Inter', system-ui, sans-serif; color: var(--ia-text); } .idn-assistant button, .idn-assistant input, .idn-assistant textarea { font: inherit; } .idn-assistant__launcher { position: relative; width: 66px; height: 66px; padding: 0; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, .18); border-radius: 23px; background: rgba(8, 8, 12, .86); box-shadow: 0 20px 60px rgba(0, 0, 0, .48), 0 0 42px rgba(168, 85, 247, .22); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); cursor: pointer; isolation: isolate; transition: transform .35s cubic-bezier(.25, 1, .5, 1), border-color .25s ease; } .idn-assistant__launcher::before { content: ''; position: absolute; inset: -2px; z-index: -1; border-radius: 25px; background: var(--ia-iris); opacity: .68; filter: blur(9px); animation: idn-assistant-breathe 3.4s ease-in-out infinite; } .idn-assistant__launcher:hover { transform: translateY(-4px) scale(1.02); border-color: rgba(255,255,255,.38); } .idn-assistant__launcher:focus-visible, .idn-assistant button:focus-visible, .idn-assistant input:focus-visible, .idn-assistant textarea:focus-visible { outline: 2px solid #a855f7; outline-offset: 3px; } .idn-assistant__launcher img { width: 39px; height: 28px; object-fit: contain; } .idn-assistant__launcher-close { display: none; font-size: 26px; line-height: 1; } .idn-assistant.is-open .idn-assistant__launcher img { display: none; } .idn-assistant.is-open .idn-assistant__launcher-close { display: block; } .idn-assistant__panel { position: absolute; right: 0; bottom: 82px; width: min(400px, calc(100vw - 32px)); height: min(690px, calc(100vh - 126px)); min-height: 520px; display: grid; grid-template-rows: auto 1fr auto; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 28px; background: radial-gradient(circle at 100% 0, rgba(168,85,247,.18), transparent 35%), radial-gradient(circle at 0 100%, rgba(6,182,212,.1), transparent 40%), var(--ia-card); box-shadow: 0 32px 100px rgba(0,0,0,.65); backdrop-filter: blur(28px) saturate(135%); -webkit-backdrop-filter: blur(28px) saturate(135%); opacity: 0; visibility: hidden; transform: translateY(18px) scale(.97); transform-origin: bottom right; transition: opacity .28s ease, transform .38s cubic-bezier(.25,1,.5,1), visibility .28s; } .idn-assistant.is-open .idn-assistant__panel { opacity: 1; visibility: visible; transform: none; } .idn-assistant__head { padding: 20px 20px 16px; border-bottom: 1px solid var(--ia-line); } .idn-assistant__identity { display: flex; align-items: center; gap: 12px; } .idn-assistant__avatar { width: 43px; height: 43px; padding: 8px; border-radius: 15px; background: rgba(255,255,255,.06); border: 1px solid var(--ia-line); } .idn-assistant__avatar img { width: 100%; height: 100%; object-fit: contain; } .idn-assistant__name { margin: 0; font-family: 'Urbanist', sans-serif; font-size: 1rem; font-weight: 650; letter-spacing: -.02em; } .idn-assistant__status { display: flex; align-items: center; gap: 6px; margin: 3px 0 0; color: var(--ia-dim); font-size: .72rem; } .idn-assistant__status::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #34d399; box-shadow: 0 0 10px #34d399; } .idn-assistant__progress { margin-top: 15px; display: flex; align-items: center; gap: 10px; color: var(--ia-dim); font-size: .7rem; } .idn-assistant__track { flex: 1; height: 3px; overflow: hidden; border-radius: 9px; background: rgba(255,255,255,.08); } .idn-assistant__fill { display: block; width: 12%; height: 100%; border-radius: inherit; background: var(--ia-iris); transition: width .5s ease; } .idn-assistant__messages { overflow-y: auto; padding: 20px; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(168,85,247,.5) transparent; } .idn-assistant__message { max-width: 88%; margin: 0 0 12px; padding: 12px 14px; border-radius: 17px; font-size: .87rem; line-height: 1.55; white-space: pre-wrap; animation: idn-assistant-in .32s ease both; } .idn-assistant__message--assistant { background: rgba(255,255,255,.065); border: 1px solid rgba(255,255,255,.07); border-top-left-radius: 5px; } .idn-assistant__message--user { margin-left: auto; background: linear-gradient(135deg, rgba(168,85,247,.88), rgba(59,130,246,.88)); border-top-right-radius: 5px; } .idn-assistant__message--system { max-width: 100%; color: var(--ia-dim); background: transparent; border: 1px dashed var(--ia-line); font-size: .75rem; text-align: center; } .idn-assistant__typing span { display: inline-block; width: 5px; height: 5px; margin: 0 2px; border-radius: 50%; background: #b4b4bd; animation: idn-assistant-dot 1s infinite alternate; } .idn-assistant__typing span:nth-child(2) { animation-delay: .15s; } .idn-assistant__typing span:nth-child(3) { animation-delay: .3s; } .idn-assistant__quick { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 18px; } .idn-assistant__chip { padding: 9px 11px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: #e8e8eb; background: rgba(255,255,255,.045); cursor: pointer; font-size: .75rem; transition: .2s ease; } .idn-assistant__chip:hover { border-color: rgba(168,85,247,.7); background: rgba(168,85,247,.12); transform: translateY(-1px); } .idn-assistant__composer { padding: 13px; border-top: 1px solid var(--ia-line); background: rgba(5,5,8,.72); } .idn-assistant__row { display: flex; gap: 9px; align-items: flex-end; } .idn-assistant__input { flex: 1; max-height: 100px; min-height: 45px; resize: none; padding: 12px 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; color: var(--ia-text); background: rgba(255,255,255,.05); line-height: 1.35; } .idn-assistant__input::placeholder { color: #777782; } .idn-assistant__send { width: 45px; height: 45px; flex: 0 0 45px; display: grid; place-items: center; border: 0; border-radius: 15px; color: white; background: var(--ia-iris); cursor: pointer; box-shadow: 0 8px 24px rgba(168,85,247,.26); } .idn-assistant__send:disabled { filter: grayscale(1); opacity: .45; cursor: wait; } .idn-assistant__meta { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 9px; color: #777782; font-size: .64rem; } .idn-assistant__brief-open { padding: 0; border: 0; color: #c4b5fd; background: none; cursor: pointer; } .idn-assistant__lead { position: absolute; inset: 0; z-index: 3; padding: 24px; overflow-y: auto; background: rgba(8,8,12,.98); transform: translateX(102%); transition: transform .38s cubic-bezier(.25,1,.5,1); } .idn-assistant.is-lead-open .idn-assistant__lead { transform: none; } .idn-assistant__lead h3 { margin: 18px 0 6px; font: 650 1.4rem/1.15 'Urbanist', sans-serif; letter-spacing: -.035em; } .idn-assistant__lead-sub { margin: 0 0 20px; color: var(--ia-dim); font-size: .82rem; line-height: 1.55; } .idn-assistant__back { padding: 0; border: 0; color: #c4b5fd; background: none; cursor: pointer; font-size: .78rem; } .idn-assistant__field { display: block; margin: 0 0 13px; color: #d7d7dc; font-size: .72rem; } .idn-assistant__field input { width: 100%; margin-top: 6px; padding: 12px; border: 1px solid var(--ia-line); border-radius: 12px; color: white; background: rgba(255,255,255,.05); } .idn-assistant__consent { display: grid; grid-template-columns: 18px 1fr; gap: 9px; align-items: start; margin: 16px 0; color: var(--ia-dim); font-size: .7rem; line-height: 1.45; } .idn-assistant__consent input { margin: 2px 0 0; accent-color: #a855f7; } .idn-assistant__consent a { color: #c4b5fd; } .idn-assistant__submit { width: 100%; padding: 13px 16px; border: 0; border-radius: 14px; color: white; background: var(--ia-iris); cursor: pointer; font-weight: 650; } .idn-assistant__brief { margin: 15px 0; padding: 14px; border: 1px solid var(--ia-line); border-radius: 14px; background: rgba(255,255,255,.04); color: #d9d9df; font-size: .72rem; line-height: 1.55; white-space: pre-wrap; } .idn-assistant__notice { margin: 12px 0 0; min-height: 1.4em; color: var(--ia-dim); font-size: .72rem; } @keyframes idn-assistant-breathe { 50% { opacity: .35; transform: scale(1.06); } } @keyframes idn-assistant-in { from { opacity: 0; transform: translateY(8px); } } @keyframes idn-assistant-dot { to { opacity: .25; transform: translateY(-2px); } } @media (max-width: 640px) { .idn-assistant { right: 14px; bottom: max(14px, env(safe-area-inset-bottom)); } .idn-assistant__launcher { width: 58px; height: 58px; border-radius: 20px; } .idn-assistant__panel { position: fixed; inset: auto 0 0; width: 100%; height: min(86dvh, 760px); min-height: 0; border-radius: 27px 27px 0 0; transform: translateY(105%); transform-origin: bottom; } .idn-assistant.is-open .idn-assistant__panel { transform: none; } .idn-assistant.is-open .idn-assistant__launcher { opacity: 0; pointer-events: none; } .idn-assistant__head { padding-top: 18px; } .idn-assistant__head::before { content: ''; display: block; width: 42px; height: 4px; margin: -8px auto 12px; border-radius: 9px; background: rgba(255,255,255,.18); } } @media (prefers-reduced-motion: reduce) { .idn-assistant *, .idn-assistant *::before { animation: none !important; transition-duration: .01ms !important; } } @media(min-width:641px) and (max-height:720px){.idn-assistant__panel{min-height:0;height:calc(100dvh - 110px)}} .idn-assistant__messages,.idn-assistant__lead{overscroll-behavior:contain} .idn-assistant__notice a{color:#d7c5ff;text-decoration:underline;text-underline-offset:3px} .idn-assistant__restart{background:none;border:0;padding:6px 0 0;color:#b5a9c6;font-size:10px!important;cursor:pointer;text-decoration:underline;text-underline-offset:3px} /* univers-fusion.css */ .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}} /* ui-glass.css */ .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}